У меня возникли проблемы с реактивным маршрутизатором (я использую версию ^ 4.0.0). это мой index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; import { Router, Route, Link, browserHistory } from 'react-router'; ReactDOM.render(...
Не могу поверить, что задаю очевидный вопрос, но в журнале консоли все равно появляется ошибка. Консоль сообщает, что не может найти модуль в каталоге, но я проверял не менее 10 раз на наличие опечаток. В любом случае, вот код компонента. Я хочу отобразить заголовок в корне import React, {...
Пытаюсь понять, как мне вернуться на предыдущую страницу. Я использую[react-router-v4][1] Это код, который я настроил на своей первой целевой странице: <Router> <div> <Link to="/"><div className="routerStyle"><Glyphicon glyph="home" /></div></Link>...
У меня есть несколько компонентов, которые должны делать одно и то же. (Простая функция, которая сопоставляет их дочерние компоненты и что-то делает с каждым из них). На данный момент я определяю этот метод в каждом из компонентов. Но я хочу дать ему определение только один раз. Я мог бы...
У меня есть компонент, который иногда нужно отображать как файл, <anchor>а иногда как <div>. propЯ читал , чтобы определить это, есть this.props.url. Если он существует, мне нужно визуализировать компонент, завернутый в <a href={this.props.url}>. В противном случае он просто...
Я пытаюсь отделить презентационный компонент от компонента контейнера. У меня есть SitesTableи SitesTableContainer. Контейнер отвечает за запуск действий redux для получения соответствующих сайтов на основе текущего пользователя. Проблема в том, что текущий пользователь выбирается асинхронно после...
Я не понимаю, как получить доступ к <input>значению при использовании mount. Вот что у меня в качестве теста: it('cancels changes when user presses esc', done => { const wrapper = mount(<EditableText defaultValue="Hello" />); const input = wrapper.find('input');...
Я новичок в React и пытаюсь импортировать DATAпеременную JSON из внешнего файла. Я получаю следующую ошибку: Не удается найти модуль "./customData.json" Кто-нибудь может мне помочь? Он работает, если у меня есть DATAпеременная, index.jsно не во внешнем файле JSON. index.js import React,...
Я хочу импортировать файл CSS в компонент реакции. Я пробовал, import disabledLink from "../../../public/styles/disabledLink";но получаю сообщение об ошибке ниже; Модуль не найден: Ошибка: не удается разрешить «файл» или «каталог» ../../../public/styles/disabledLink в c: \ Users \ User \ Documents...
Я пытаюсь преобразовать эту классную <canvas>анимацию, которую я нашел здесь, в повторно используемый компонент React. Похоже, для этого компонента потребуется один родительский компонент для холста и множество дочерних компонентов для function Ball(). По соображениям производительности,...
Думаю, название говорит само за себя. Желтое предупреждение отображается каждый раз, когда я отключаю компонент, который все еще загружается. Приставка Предупреждение: невозможно вызвать setState(или forceUpdate) отключенный компонент. Это не операция, но ... Чтобы исправить, отмените все подписки...
Я ищу способы реализовать бесконечную прокрутку с помощью React. Я столкнулся с реакцией-бесконечной прокруткой и нашел ее неэффективной, поскольку она просто добавляет узлы в DOM и не удаляет их. Есть ли какое-либо проверенное решение с React, которое будет добавлять, удалять и поддерживать...
Я хочу закрыть раскрывающееся меню, когда щелчок происходит за пределами раскрывающегося компонента. Как я могу это сделать?
Я переписываю свое приложение для использования Flux, и у меня возникла проблема с получением данных из магазинов. У меня много компонентов, и они много гнездятся. Некоторые из них большие ( Article), некоторые маленькие и простые ( UserAvatar, UserLink). Я боролся с тем, где в иерархии...
Каков рекомендуемый шаблон для выполнения setState родительского элемента из дочернего компонента. var Todos = React.createClass({ getInitialState: function() { return { todos: [ "I am done", "I am not done" ] } }, render: function() { var todos = this.state.todos.map(function(todo) { return...
Ввод текста выровнен по центру, как исправить этот ввод текста, чтобы он вводился из верхнего левого угла Вот мой CSS для ввода текста /* The Text input is center aligned, how to fix this text input so that it takes input from top left corner */ input: { flex: 1, padding: 4, marginRight: 1,...
Есть ли способ заставить React Router открывать ссылку в новой вкладке? Я попробовал это, но не вышло. <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> Можно взбить его, добавив что-то вроде onClick="foo"ссылки, как у меня выше, но это приведет к ошибке...
Я пытаюсь заставить ReactJS работать с рельсами с помощью этого руководства. Я получаю эту ошибку: Uncaught ReferenceError: React is not defined Но я могу получить доступ к объекту React в консоли браузера. Я также добавил public / dist / turbo-react.min.js, как описано здесь, а также добавил...
Скажем, у меня есть простой переключатель: Когда я нажимаю кнопку, цветовой компонент меняется с красного на синий. Я мог бы добиться такого результата, сделав что-нибудь вроде этого. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue : red container.js...
Я хотел бы знать, как переключить логическое состояние компонента реакции. Например: У меня есть проверка логического состояния в конструкторе моего компонента: constructor(props, context) { super(props, context); this.state = { check: false }; }; Я пытаюсь переключать состояние каждый раз, когда...