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

У меня возникли проблемы с реактивным маршрутизатором (я использую версию ^ 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( <Router history={browserHistory} > <Route path="/" component={App} /> </Router>, document.getElementById('root') ); App.js …

91 javascript  json  reactjs  react-router 

Я хочу импортировать файл CSS в компонент реакции. Я пробовал, import disabledLink from "../../../public/styles/disabledLink";но получаю сообщение об ошибке ниже; Модуль не найден: Ошибка: не удается разрешить «файл» или «каталог» ../../../public/styles/disabledLink в c: \ Users \ User \ Documents \ pizza-app \ client \ src \ components @. /client/src/components/ShoppingCartLink.js 19: 20-66 …

90 javascript  reactjs  relative-path 

Думаю, название говорит само за себя. Желтое предупреждение отображается каждый раз, когда я отключаю компонент, который все еще загружается. Приставка Предупреждение: невозможно вызвать setState(или forceUpdate) отключенный компонент. Это не операция, но ... Чтобы исправить, отмените все подписки и асинхронные задачи в componentWillUnmountметоде. constructor(props){ super(props); this.state = { isLoading: true, dataSource: …

90 reactjs 

Я не понимаю, как получить доступ к <input>значению при использовании mount. Вот что у меня в качестве теста: it('cancels changes when user presses esc', done => { const wrapper = mount(<EditableText defaultValue="Hello" />); const input = wrapper.find('input'); console.log(input.render().attr('value')); input.simulate('focus'); done(); }); Консоль распечатает undefined. Но если немного изменить код, он …

90 unit-testing  reactjs  enzyme 

Я новичок в React и пытаюсь импортировать DATAпеременную JSON из внешнего файла. Я получаю следующую ошибку: Не удается найти модуль "./customData.json" Кто-нибудь может мне помочь? Он работает, если у меня есть DATAпеременная, index.jsно не во внешнем файле JSON. index.js import React, {Component} from 'react'; import ReactDOM from 'react-dom'; import customData …

90 javascript  json  reactjs 

У меня есть несколько компонентов, которые должны делать одно и то же. (Простая функция, которая сопоставляет их дочерние компоненты и что-то делает с каждым из них). На данный момент я определяю этот метод в каждом из компонентов. Но я хочу дать ему определение только один раз. Я мог бы определить …

90 reactjs 

Я пытаюсь отделить презентационный компонент от компонента контейнера. У меня есть SitesTableи SitesTableContainer. Контейнер отвечает за запуск действий redux для получения соответствующих сайтов на основе текущего пользователя. Проблема в том, что текущий пользователь выбирается асинхронно после того, как компонент контейнера изначально визуализирован. Это означает, что компонент-контейнер не знает, что ему …

90 reactjs  redux  react-redux 

Я пытаюсь преобразовать эту классную <canvas>анимацию, которую я нашел здесь, в повторно используемый компонент React. Похоже, для этого компонента потребуется один родительский компонент для холста и множество дочерних компонентов для function Ball(). По соображениям производительности, вероятно, было бы лучше сделать Ballsкомпоненты без сохранения состояния, поскольку их будет много. Я не …

90 reactjs 

У меня есть компонент, который иногда нужно отображать как файл, <anchor>а иногда как <div>. propЯ читал , чтобы определить это, есть this.props.url. Если он существует, мне нужно визуализировать компонент, завернутый в <a href={this.props.url}>. В противном случае он просто будет отображаться как файл <div/>. Возможно? Это то, что я делаю прямо …

90 javascript  reactjs 

Скажем, у меня есть простой переключатель: Когда я нажимаю кнопку, цветовой компонент меняется с красного на синий. Я мог бы добиться такого результата, сделав что-нибудь вроде этого. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue : red container.js connect(mapStateToProps)(indexPage) action_creator.js function changeColor(){ return {type: 'CHANGE_COLOR'} } reducer.js switch(){ case 'CHANGE_COLOR': return …

89 javascript  reactjs  redux 

Я хочу закрыть раскрывающееся меню, когда щелчок происходит за пределами раскрывающегося компонента. Как я могу это сделать?

89 reactjs 

Я переписываю свое приложение для использования Flux, и у меня возникла проблема с получением данных из магазинов. У меня много компонентов, и они много гнездятся. Некоторые из них большие ( Article), некоторые маленькие и простые ( UserAvatar, UserLink). Я боролся с тем, где в иерархии компонентов я должен читать данные …

89 javascript  reactjs  reactjs-flux 

Я ищу способы реализовать бесконечную прокрутку с помощью React. Я столкнулся с реакцией-бесконечной прокруткой и нашел ее неэффективной, поскольку она просто добавляет узлы в DOM и не удаляет их. Есть ли какое-либо проверенное решение с React, которое будет добавлять, удалять и поддерживать постоянное количество узлов в DOM. Вот проблема с …

89 javascript  html  infinite-scroll  reactjs 

Каков рекомендуемый шаблон для выполнения 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 <div>{todo}</div>; }); return <div> <h3>Todo(s)</h3> {todos} <TodoForm /> </div>; …

89 reactjs 

Я изо всех сил пытаюсь решить проблему со следующим синтаксисом: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch (error) { dispatch({ type: EMAIL_FETCHING, payload: false }); throw new Error(error); } …

89 javascript  reactjs  async-await  redux