Вопросы с тегом «reactjs»

151
Как сравнить oldValues ​​и newValues ​​в React Hooks useEffect?

Допустим, у меня есть 3 входа: скорость, sendAmount и receiveAmount. Я поставил эти 3 входа на использование различных параметров. Правила таковы: Если sendAmount изменился, я рассчитываю receiveAmount = sendAmount * rate Если полученная сумма изменилась, я рассчитываю sendAmount = receiveAmount /...

150
Как использовать метод жизненного цикла getDerivedStateFromProps вместо componentWillReceiveProps

Похоже, что componentWillReceivePropsв следующих выпусках он будет полностью прекращен в пользу нового метода жизненного цикла getDerivedStateFromProps: static getDerivedStateFromProps () . При осмотре похоже, что теперь вы не можете провести прямое сравнение между this.propsи nextProps, как вы...

149
Невозможно соединиться с удаленным отладчиком

Я использую React.JS, и когда я делаю react-native run-android(с подключенным устройством), я вижу пустую страницу. Когда я встряхиваю устройство и выбираю Debug JS Remotelyиз списка опций, я вижу следующий экран. FYI: OS: Ubuntu 16.04 Node version is: v4.6.2 java version "1.8.0_111" react":...

149
React Hook «useState» вызывается в функции «app», которая не является ни компонентом функции React, ни пользовательской функцией React Hook.

Я пытаюсь использовать перехватчики для решения простой проблемы const [personState,setPersonState] = useState({ DefinedObject }); со следующими зависимостями. "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-scripts": "3.0.0" } но я все еще получаю следующую ошибку:...

148
Как загрузить файлы изображений с помощью файлового загрузчика webpack

Я использую webpack для управления проектом responsejs . Я хочу загружать изображения в javascript с помощью webpack file-loader. Ниже представлен файл webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin =...

148
Имена компонентов ReactJS должны начинаться с заглавных букв?

Я играю с ReactJS фреймворком на JSBin . Я заметил, что если имя моего компонента начинается со строчной буквы, оно не работает. Например, следующее не отображает: var fml = React.createClass({ render: function () { return <a href='google.com'>Go</a> } }); React.render(<fml />,...

148
Как указать серверу webpack для обслуживания index.html для любого маршрута

React router позволяет реагировать на приложения /arbitrary/route. Чтобы это работало, мне нужен мой сервер для отправки приложения React по любому подходящему маршруту. Но сервер разработки веб-пакетов не обрабатывает произвольные конечные точки. Здесь есть решение с использованием дополнительного...

147
Неизменяемое нарушение: не удалось найти «store» ни в контексте, ни в свойствах «Connect (SportsDatabase)».

Полный код здесь: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 Здравствуй, У меня есть приложение, в котором показаны разные шаблоны для настольных и мобильных устройств в зависимости от среды сборки. Я успешно могу разработать его там, где мне нужно скрыть меню навигации для моего мобильного...

146
Как зациклить и визуализировать элементы в React.js без массива объектов для сопоставления?

Я пытаюсь преобразовать компонент jQuery в React.js, и одна из проблем, с которыми я сталкиваюсь, это рендеринг n элементов на основе цикла for. Я понимаю, что это невозможно, или рекомендуется, и что, когда в модели существует массив, имеет смысл использовать его полностью map. Это нормально, но...

143
Ввод машинописного текста onchange event.target.value

В моем среагировать и машинопись приложения, я использую: onChange={(e) => data.motto = (e.target as any).value}. Как мне правильно определить типизацию для класса, чтобы мне не пришлось взламывать систему типов any? export interface InputProps extends React.HTMLProps<Input> { ... } export...

142
Предупреждения React Hook для асинхронной функции в useEffect: функция useEffect должна возвращать функцию очистки или ничего

Я пробовал useEffectпример ниже: useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); const json = await response.json(); setPosts(json.data.children.map(it => it.data)); } catch (e) { console.error(e); } }, []); и я получаю это...

141
TypeScript и React - детский тип?

У меня есть очень простой функциональный компонент: import * as React from 'react'; export interface AuxProps { children: React.ReactNode } const aux = (props: AuxProps) => props.children; export default aux; И еще один компонент: import * as React from "react"; export interface LayoutProps {...

140
Сохраняет ли React порядок обновлений состояния?

Я знаю, что React может выполнять обновления состояния асинхронно и в пакетном режиме для оптимизации производительности. Поэтому вы никогда не можете доверять обновлению состояния после вызова setState. Но можете ли вы доверять React, чтобы обновлять состояние в том же порядке, что setStateи для...

140
ReactJS вызывает родительский метод

Я делаю свой первый шаг в ReactJS и пытаюсь понять общение между родителями и детьми. Я делаю форму, поэтому у меня есть компонент для оформления полей. А также у меня есть родительский компонент, который включает поле и проверяет его. Пример: var LoginField = React.createClass({ render: function()...

139
Как использовать ссылки в React с Typescript

Я использую Typescript с React. У меня возникли проблемы с пониманием того, как использовать ссылки, чтобы получить статическую типизацию и intellisense в отношении узлов реакции, на которые ссылаются ссылки. Мой код выглядит следующим образом. import * as React from 'react'; interface AppState {...

139
Хорошо ли использовать async componentDidMount ()?

Является ли использование componentDidMount()асинхронной функции хорошей практикой в ​​React Native или мне следует избегать этого? Мне нужно получить некоторую информацию о том, AsyncStorageкогда компонент монтируется, но единственный известный мне способ сделать это возможным - сделать...

138
Как заставить Django и ReactJS работать вместе?

Новый для Django и еще более новый для ReactJS. Я изучал AngularJS и ReactJS, но остановился на ReactJS. Казалось, что это вытесняет AngularJS настолько, насколько популярна, несмотря на то, что AngularJS имеет большую долю рынка, и ReactJS, как говорят, быстрее пикапует. Помимо всего этого хлама,...