Я пытаюсь протестировать свое приложение React на мобильном устройстве. Я использую ngrok для того, чтобы сделать мой локальный сервер доступным для других устройств, и он работает с множеством других приложений. Однако, когда я пытаюсь подключить ngrok к серверу React dev, я получаю сообщение об...
Я использую объект данных в качестве реквизита для компонента в ReactJS. <Field data={data} /> Я знаю, что легко проверить сам объект PropTypes: propTypes: { data: React.PropTypes.object } Но что, если я хочу проверить значения внутри? то есть. data.id, data.title? props[propName]:...
При изменении состояния реагирующего компонента вызывается метод рендеринга. Следовательно, для любого изменения состояния действие может быть выполнено в теле методов рендеринга. Есть ли конкретный вариант использования для обратного вызова...
У меня есть следующий компонент React: export default class MyComponent extends React.Component { onSubmit(e) { e.preventDefault(); var title = this.title; console.log(title); } render(){ return ( ... <form className="form-horizontal"> ... <input type="text" className="form-control"...
Мы узнали, что из React v15.3.0 у нас есть новый базовый класс под названием PureComponent, который можно расширять с помощью встроенного PureRenderMixin . Что я понимаю, так это то, что под капотом используется неглубокое сравнение реквизита внутри shouldComponentUpdate. Теперь у нас есть 3...
Многие языки шаблонов имеют операторы «slots» или «yield», которые позволяют выполнять какое-то обращение управления, чтобы обернуть один шаблон внутри другого. Angular имеет опцию «transclude» . У Rails есть заявление о выходе . Если бы в React.js был оператор yield, он бы выглядел так: var...
Закрыто . Этот вопрос основан на мнении . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы ответить на него фактами и цитатами, отредактировав этот пост . Закрыто 2 года назад . Улучшить этот вопрос React 16.3.0 был выпущен, и Context API больше не...
Предположим, у меня есть класс React P, который отображает два дочерних класса, C1 и C2. C1 содержит поле ввода. Я буду называть это поле ввода Foo. Моя цель - позволить C2 реагировать на изменения в Foo. У меня есть два решения, но ни одно из них не кажется правильным. Первое решение: Присвоить P...
У меня проблемы с формой React и правильным управлением состоянием. У меня есть поле ввода времени в форме (в модальном). Начальное значение задается как переменная состояния в getInitialStateи передается из родительского компонента. Это само по себе прекрасно работает. Проблема возникает, когда я...
Почему я не могу получить доступ к методам компонента извне в ReactJS? Почему это невозможно и есть ли способ решить это? Рассмотрим код: var Parent = React.createClass({ render: function() { var child = <Child />; return ( <div> {child.someMethod()} // expect "bar", got a "not a...
Я вызываю веб-сервис с помощью fetch, но то же самое я могу сделать с помощью axios. Так что теперь я в замешательстве. Должен ли я пойти на аксиос или
Я хотел бы, чтобы отобразить titleв <AppBar />том , что каким - то образом передается из текущего маршрута. В React Router v4, как можно <AppBar />было бы передать текущий маршрут в его titleпропеллер? <Router basename='/app'> <main> <Menu active={menu}...
В React 16.8.6 (это было хорошо в предыдущей версии 16.8.3) я получаю эту ошибку, когда пытаюсь предотвратить бесконечный цикл при запросе выборки. ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either include it or remove the...
У меня есть виджет чата, который выдает массив сообщений каждый раз, когда я прокручиваю вверх. Проблема, с которой я сейчас сталкиваюсь, заключается в том, что ползунок остается зафиксированным сверху при загрузке сообщений. Я хочу сосредоточиться на последнем элементе индекса из предыдущего...
Я новичок в использовании классов ES6 с React, ранее я связывал свои методы с текущим объектом (покажите в первом примере), но позволяет ли ES6 навсегда привязать функцию класса к экземпляру класса с помощью стрелок? (Полезно при передаче в качестве функции обратного вызова.) Я получаю ошибки,...
Я новичок во всем мире nodejs / реагий, поэтому прошу прощения, если мой вопрос звучит глупо. Так что я играюсь с реагирующим.js . Всякий раз, когда я делаю, npm startон всегда работает localhost:8080. Как я могу изменить его, чтобы 0.0.0.0:8080он стал общедоступным? Я пытался прочитать исходный...
Я пытаюсь переключить состояние компонента в ReactJS, но я получаю сообщение об ошибке: Превышена максимальная глубина обновления. Это может произойти, когда компонент повторно вызывает setState внутри componentWillUpdate или componentDidUpdate. React ограничивает количество вложенных обновлений...
Мне очень нравится встроенный шаблон CSS в React, и я решил использовать его. Тем не менее, вы не можете использовать :hoverи подобные селекторы. Итак, как лучше всего реализовать выделение при наведении при использовании встроенных стилей CSS? Одно из предложений от #reactjs - иметь...
Я работал с проектом React с использованием, create-react-appи у меня есть два варианта, чтобы начать проект: Первый способ: npm run startс определением на вот package.jsonтак: "start": "react-scripts start", Второй способ: npm start В чем разница между этими двумя командами? И какова цель этого...
Я использую приложение create-реагировать и предпочитаю не eject. Непонятно, куда должны идти шрифты, импортированные через @ font-face и загруженные локально. А именно загружаю @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro...