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

Вот моя форма и метод onClick. Я хотел бы выполнить этот метод, когда нажата кнопка Enter на клавиатуре. Как ? NB: jquery не приветствуется. comment: function (e) { e.preventDefault(); this.props.comment({comment: this.refs.text.getDOMNode().value, userPostId:this.refs.userPostId.getDOMNode().value}) }, <form className="commentForm"> <textarea rows="2" cols="110" placeholder="****Comment Here****" ref="text" /><br /> <input type="text" placeholder="userPostId" ref="userPostId" /> <br /> …

103 reactjs  reactjs-flux 

Без использования класса, как мне использовать PropTypes в функциональном компоненте реакции без сохранения состояния? export const Header = (props) => ( <div>hi</div> )

103 javascript  reactjs  react-props  react-proptypes 

Я все еще новичок в React, но я медленно продирался и наткнулся на то, на чем застрял. Я пытаюсь создать компонент «таймер» в React, и, честно говоря, я не знаю, правильно ли я делаю это (или эффективно). В моем коде ниже, я установить состояние , чтобы вернуть объект { currentCount: …

103 javascript  reactjs  settimeout  state 

У меня возникла небольшая проблема с переходом с React-Router v3 на v4. в v3 я мог делать это где угодно: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Как мне добиться этого в v4. Я знаю, что могу использовать свойства hoc withRouter, контекста реакции или маршрутизатора событий, когда вы находитесь в …

103 reactjs  react-router 

Что такое контролируемые компоненты и неконтролируемые компоненты в ReactJS? Чем они отличаются друг от друга?

103 reactjs  react-component 

Что-то такое простое должно быть легко выполнено, но я выдергиваю волосы из-за того, насколько это сложно. Все, что я хочу сделать, это анимировать монтирование и размонтирование компонента React, вот и все. Вот что я пробовал до сих пор и почему каждое решение не работает: ReactCSSTransitionGroup - Я вообще не использую …

103 animation  reactjs  css-animations  gsap  react-motion 

Можно ли определить, является ли текущая версия React разработкой или производственной во время выполнения? Я бы хотел сделать что-то вроде этого: if (React.isDevelopment) { // Development thing } else { // Real thing }

103 javascript  reactjs 

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

102 reactjs 

Я не понимаю, какова цель использования IndexRoute и IndexLink . Кажется, что в любом случае приведенный ниже код сначала выбрал бы компонент Home, если не был активирован путь About. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route path="about" component={About}/> </Route> против <Route path="/" component={App}> <Route path="home" component={Home}/> <Route path="about" component={About}/> </Route> Какая …

102 javascript  reactjs  react-router  url-routing 

У меня есть один компонент, который будет отображать массив строк. Код выглядит так. React.createClass({ render() { <div> this.props.data.map(t => <span>t</span>) </div> } }) Он работает отлично. то есть, если props.data = ['tom', 'jason', 'chris'] Отображаемый результат на странице будет tomjasonchris Затем я хочу объединить все имена с помощью запятой, поэтому …

102 reactjs 

Я хотел проверить, что происходит, когда вы используете this.setState несколько раз (2 раза для обсуждения). Я думал, что компонент будет отрисован дважды, но, видимо, он отрисовывается только один раз. Еще одно ожидание, которое я ожидал, заключалось в том, что, возможно, второй вызов setState будет выполняться поверх первого, но, как вы …

102 javascript  reactjs 

Имея в виду этот код: var Component = React.createClass({ getInitialState: function () { return {position: 0}; }, componentDidMount: function () { setTimeout(this.setState({position: 1}), 3000); }, render: function () { return ( <div className="component"> {this.state.position} </div> ); } }); ReactDOM.render( <Component />, document.getElementById('main') ); Разве состояние не должно измениться только через …

102 javascript  reactjs 

Я только начал использовать приложение create-response-app с машинописным текстом create-react-app my-app --scripts-version=react-scripts-ts а конфигурация tslint.json по умолчанию не допускает console.log (). Как я могу (пока) включить console.log? Документы для этого находятся на https://palantir.github.io/tslint/rules/no-console/ . Но они не говорят, где поставить эту строку: "no-console": [true, "log", "error"] Я искал и нашел …

102 reactjs  typescript  create-react-app  tslint 

У меня есть файл test_stuff.js, с которым я работаю npm test Это примерно так: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function() { describe('#indexOf()', function() { it('should return -1 when the …

102 javascript  reactjs  npm  react-jsx 

Я работаю над реактивным приложением с использованием реактивного маршрутизатора. У меня есть страница проекта с URL-адресом: myapplication.com/project/unique-project-id Когда компонент проекта загружается, я инициирую запрос данных для этого проекта из события componentDidMount. Теперь я столкнулся с проблемой, когда, если я переключаюсь напрямую между двумя проектами, только идентификатор изменяется следующим образом ... …

102 reactjs  react-router