Публикации по теме 'react-dom'
Название: Начало работы с манипулированием DOM и интеграцией React
Введение. Добро пожаловать в этот пост в блоге, где мы рассмотрим основы манипулирования DOM с помощью JavaScript и углубимся в то, как мы можем встроить React в нашу кодовую базу. Понимание манипуляций с DOM имеет основополагающее значение для веб-разработчиков, а React — это популярная библиотека JavaScript, упрощающая создание пользовательских интерфейсов. Итак, приступим!
Манипуляции с DOM с помощью JavaScript: мы узнаем, как добавить значение в элемент div HTML, используя..
Краткий обзор React DOM Render and Hydrate.
В React 16 добавлено множество новых функций, но сегодня мы поговорим о том, в чем на самом деле разница между React DOM render и Hydrate (В восторге !!!).
Отлично, поэтому и Render, и Hydrate являются модулями для пакета react-DOM.
Согласно официальному определению « Render используется для рендеринга элемента React в DOM в предоставленном контейнере и возврата ссылки на контейнер (или возврата null для компонента без состояния). ». Для получения дополнительной информации..
React basic 1 - Hello React World. Настройка приложения First React.
Первоначально представленная Facebook, React - популярная библиотека JavaScript для создания шаблонов пользовательского интерфейса, которые быстро обрабатываются. React - это компонентный фреймворк, который создает кеш в памяти с виртуальной DOM - он не загружает каждый раз всю страницу, но может отображать только определенные компоненты.
Я прошел увлекательный курс по Udemy от Stephen Grider ( Modern React with Redux ), и я хотел сделать заметки об основных шагах по созданию..
Вопросы по теме 'react-dom'
Как визуализировать компонент React (API ES6) напрямую с помощью ReactDOM?
Я использую API классов ES6 React (используя TypeScript ) и хотите отобразить подтип класса типа React.Component с помощью ReactDOM.render() .
Работает следующий код:
class MyComponentProps {
someMember: string;
}
class MyComponent...
13461 просмотров
schedule
15.06.2023
Рендерить компонент React автоматически после вызова ajax
С помощью jQuery я могу подключить функцию обработчика событий с помощью метода on , который будет запускаться также, когда DOM изменить и что-то (например, вызов Ajax) заменить HTML страницы.
Можно ли сделать что-то подобное с компонентом React?...
1519 просмотров
schedule
11.10.2022
Реагировать на изменение типа ввода через событие
Я пытаюсь расширить компонент ввода React, который должен иметь тип пароля и после определенного события в элементе или элементе рядом с ним - ему необходимо переключить тип ввода (type = "text / password").
Как с этим справится React?
У меня...
7366 просмотров
schedule
08.12.2023
Есть ли способ для двух независимых компонентов с их собственными экземплярами Flux совместно использовать одно хранилище Flux?
Предположим, у меня есть два компонента реакции.
Компонент А — это магазин электронной коммерции, который владелец сайта может добавить на свой сайт. Здесь хранятся продукты магазинов, и посетители сайта могут выбирать товары для добавления в...
317 просмотров
schedule
02.02.2023
response-dnd getDecoratedComponentInstance () не является функцией
В настоящее время я создаю функцию для загрузки и сортировки файлов в React.
Я использовал следующие примеры:
https://gaearon.github.io/react-dnd/examples-chessboard-tutorial-app.html .
https://github.com/okonet/react-dropzone...
1211 просмотров
schedule
31.07.2023
Не удается разрешить модуль "React-dom"
Я видел несколько сообщений, связанных с этим типом ошибок. Но не смог разрешиться в моем.
Мой package.json:
"react": "~0.14.7",
"webpack": "^1.12.13",
"react-hot-loader": "^3.0.0-beta.6",
.
.
Я получаю следующую ошибку в webpack:...
70329 просмотров
schedule
23.04.2022
Как уменьшить пакет webpack в режиме разработки?
Я пытаюсь создать свою собственную конфигурацию веб-пакета для проекта реакции/редукции. Конфигурация, кажется, работает довольно хорошо, но размер пакета большой (в режиме разработки я знаю, как уменьшить его в режиме производства).
Мой...
1932 просмотров
schedule
20.07.2023
Реакция: элемент изменяет контролируемый ввод текста на неконтролируемый
Я получаю следующую ошибку, но не могу определить, почему это происходит
warning.js:36 Предупреждение: окно поиска изменяет управляемый ввод текста на неуправляемый. Входные элементы не должны переключаться с управляемого на неуправляемое (или...
2600 просмотров
schedule
16.04.2023
Не могу разрешить fbjs/lib/memoizeStringOnly
Только что обновил свой компьютер, но теперь у меня проблемы с запуском кода....
При запуске «npm start» я получаю следующую ошибку:
> ERROR in ./~/react-dom/lib/CSSPropertyOperations.js Module not found:
> Error: Can't resolve...
973 просмотров
schedule
27.09.2022
Fuse-box - не могу импортировать ReactDOM
Я хочу изменить упаковщик для своего стороннего проекта с веб-пакета на блок предохранителей.
Код компилируется без проблем, но когда я хочу его загрузить, я вижу ошибку:
Я скачал демонстрационный код React, и он работает. Также на вебпаке...
186 просмотров
schedule
11.11.2023
Можем ли мы передать имя события в качестве реквизита в реакции?
Привет, я новичок в реагировании, и я пытаюсь создать компонент, в котором мы можем передать имя события (onclick, onChange и т. д.) в качестве реквизита. Таким образом, компонент также может быть настроен по событию. Является ли это возможным?...
4056 просмотров
schedule
14.11.2022
Рендерить элемент реакции за пределами корня, но с общим контекстом
У меня есть приложение, которое мы переносим на React, и у нас еще нет макета приложения в React, поэтому мне нужен способ рендеринга нескольких «корневых компонентов» в разных местах макета с общим контекстом (чтобы избыточность работала через все)....
711 просмотров
schedule
07.10.2022
React — исключение Invariant Violation
Будучи новичком в React, я столкнулся с чем-то, что, казалось бы, должно быть довольно простым. Не уверен, что я делаю неправильно.
У меня есть компонент BasicReactComponent.js , например:
import React from 'react';
const BasicReactComp = ()...
1411 просмотров
schedule
10.05.2023
Реагировать на проблему с виртуализированной прокруткой списка
Итак, у меня есть боковая панель, где я пытаюсь реализовать виртуализированный список реагирования. Как это работает:
Sidebar has an accordian with headers and react virtualized list as
content. Sidebar has fixed width
Clicking on header...
2570 просмотров
schedule
03.08.2022
Получение ошибки React: setState(): можно обновить только смонтированный или смонтированный компонент ТОЛЬКО с дочерним компонентом
Целый день гоняюсь за этим багом. У меня есть очень простая точка входа в React и очень простой пример изменения состояния компонента. Если я поставлю компонент в точку входа, вот так:
import React from 'react';
import { render } from...
172 просмотров
schedule
23.09.2022
ReactDOM.render() не разрешен
import React from 'react';
// import ReactDOM from 'react-dom';
import ReactDOM from 'react-dom/dist/react-dom.min';
import {Alert} from 'reactstrap';
class AlertLine extends React.Component {
constructor(props) {
super(props);...
1935 просмотров
schedule
07.10.2022
Как визуализировать компонент React с помощью Survey.js?
Вот рабочий файл Survey.js с примером реакции: ?p=предварительный просмотр
В моем html также есть заголовок <script src="https://unpkg.com/survey-react"></script> .
В моем main.jsx я вызываю рендеринг div, который будет заполнен...
2460 просмотров
schedule
02.01.2023
Метеор - Tracker.autorun не обновляет данные при обновлении.
У меня есть базовый код, который я написал для текстового приложения:
import React from "react";
import ReactDOM from "react-dom";
import {Meteor} from "meteor/meteor";
import {Tracker} from "meteor/tracker"
import {Texts} from...
321 просмотров
schedule
30.04.2023
В чем разница между hydr() и render() в React 16?
Я читал документацию, но не совсем понял разницу между hydrate() и render() в React 16.
Я знаю, что hydrate() используется для объединения SSR и рендеринга на стороне клиента.
Может кто-нибудь объяснить, что такое увлажнение, а затем в чем...
55845 просмотров
schedule
29.03.2023
Json Data не отображается в классе ReactJS после установки его состояния с помощью метода библиотеки axios?
Я пытаюсь прочитать данные JSON с помощью метода axios.get() функции библиотеки axios. Он отлично работает и регистрирует правильное имя пользователя в консоли и правильно устанавливает состояние переменной пользователя. Но когда я пытаюсь отобразить...
581 просмотров
schedule
09.12.2023
