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

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

122 javascript  node.js  reactjs 

Если магазины поддерживают свое собственное состояние и имеют возможность при этом вызывать службы сети и хранения данных ... и в этом случае действия просто бессмысленные отправители сообщений, -ИЛИ- ... должны ли магазины быть глупыми получателями неизменяемых данных из действий (а действия должны быть теми, которые извлекают / отправляют данные между …

122 reactjs  reactjs-flux 

Я пытался реализовать аутентифицированные маршруты, но обнаружил, что React Router 4 теперь мешает этому работать: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}> <Route exact path="/domains" component={DomainsIndex} /> </Route> Ошибка: Предупреждение: вы не должны использовать <Route component>и <Route children>по одному и тому …

122 javascript  reactjs  react-router  react-router-v4 

Кажется, у меня проблемы с отправкой данных в массив состояний. Я пытаюсь добиться этого следующим образом: this.setState({ myArray: this.state.myArray.push('new value') }) Но я считаю, что это неправильный способ и вызывает проблемы с изменчивостью?

122 javascript  reactjs  immutability 

Имею следующее: Как избавиться от синего подчеркивания? Код ниже: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> Компонент MenuItem взят из http://www.material-ui.com/#/components/menu Мы будем очень благодарны за любую информацию или руководство. Заранее спасибо.

122 javascript  reactjs  react-router 

Имеет ли React.PropTypesсмысл использование в приложении TypeScript React или это просто «пояс и подтяжки»? Поскольку класс компонента объявлен с Propsпараметром типа: interface Props { // ... } export class MyComponent extends React.Component<Props, any> { ... } есть ли реальная польза от добавления static propTypes { myProp: React.PropTypes.string } к определению …

122 reactjs  typescript  react-proptypes 

Что лучше в response.js: хранить ссылку на тайм-аут как переменную экземпляра (this.timeout) или переменную состояния (this.state.timeout)? React.createClass({ handleEnter: function () { // Open a new one after a delay var self = this; this.timeout = setTimeout(function () { self.openWidget(); }, DELAY); }, handleLeave: function () { // Clear the timeout …

121 javascript  reactjs 

Это может быть переходом на границу между ответственным и самоуверенным, но я возвращаюсь взад и вперед относительно того, как структурировать компонент ReactJS по мере роста сложности и можно использовать какое-то направление. Исходя из AngularJS, я хочу передать свою модель компоненту в качестве свойства и заставить компонент напрямую изменять модель. Или …

121 reactjs 

Я получаю это сообщение, когда пытаюсь запустить собственное приложение React. Обычно такой формат работает с другой многоэкранной навигацией, но как-то не работает в этом случае. Вот ошибка: Invariant Violation: The navigation prop is missing for this navigator. In react-navigation 3 you must set up your app container directly. More info: …

121 reactjs  react-native 

Как я могу получить высоту элемента после того, как React отобразит этот элемент? HTML <div id="container"> <!-- This element's contents will be replaced with your component. --> <p> jnknwqkjnkj<br> jhiwhiw (this is 36px height) </p> </div> ReactJS var DivSize = React.createClass({ render: function() { let elHeight = document.getElementById('container').clientHeight return <div …

121 javascript  reactjs 

У меня проблема при переходе на другую страницу, ее положение останется таким же, как и на предыдущей странице. Таким образом, он не будет автоматически прокручиваться вверх. Я также пробовал использовать window.scrollTo(0, 0)на onChangeроутере. Я тоже scrollBehaviorисправлял эту проблему, но это не сработало. Есть предложения по этому поводу?

121 javascript  reactjs  react-router  react-router-redux 

Начал использовать функцию проверки свойств ReactJS , которая, как сказано в документации, работает только в «режиме разработки» по соображениям производительности. React, похоже, проверяет свойства конкретного компонента, который я аннотировал, но я не помню, чтобы явно включал «режим разработки». Я попытался найти, как запустить / переключить режим разработки, но безуспешно.

120 reactjs 

Я только начал изучать ReactJS и обнаружил, что он дает вам 2 способа визуализации страниц: на стороне сервера и на стороне клиента. Но я не могу понять, как их использовать вместе. Это два разных способа создания приложения или их можно использовать вместе? Если мы можем использовать это вместе, как это …

120 javascript  node.js  client-server  reactjs 

у меня есть var TestApp = React.createClass({ getComponent: function(){ console.log(this.props); }, render: function(){ return( <div> <ul> <li onClick={this.getComponent}>Component 1</li> </ul> </div> ); } }); React.renderComponent(<TestApp />, document.body); Я хочу раскрасить фон элемента списка, по которому щелкнули мышью. Как я могу это сделать в React? Что-то вроде $('li').on('click', function(){ $(this).css({'background-color': '#ccc'}); …

120 javascript  jquery  reactjs 

Как мне прослушать событие изменения для contentEditableуправления на основе? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number />, document.body); http://jsfiddle.net/NV/kb3gN/1621/

120 javascript  dom  contenteditable  reactjs