Запитання з тегом «reactjs»

Я хотів би запитати, чому мій стан не змінюється, коли я роблю подію onclick. Я шукав деякий час тому, що мені потрібно прив'язати функцію onclick у конструкторі, але все ще стан не оновлюється. Ось мій код: import React from 'react'; import Grid from 'react-bootstrap/lib/Grid'; import Row from 'react-bootstrap/lib/Row'; import Col …

103 javascript  reactjs  ecmascript-6 

Який правильний спосіб оновлення стану - це вкладений об’єкт у React with Hooks? export Example = () => { const [exampleState, setExampleState] = useState( {masterField: { fieldOne: "a", fieldTwo: { fieldTwoOne: "b" fieldTwoTwo: "c" } } }) Як можна використовувати setExampleStateоновлення exampleStateдо a(додавання поля)? const a = { masterField: { …

103 javascript  reactjs  react-hooks 

У заголовку все сказано. Я розумію, чому componentDidMountпідходить все, що вимагає доступу до DOM, але запит AJAX не обов'язково або зазвичай потребує цього. Що дає?

102 reactjs 

Я не розумію , що мета з допомогою IndexRoute і IndexLink . Здається, що в будь-якому випадку код нижче вибрав би компонент «Домашній» спочатку, якщо не буде активовано шлях 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 

Я встановив eslint-config-airbnb, який повинен попередньо налаштувати ESLINT для React: Наш експорт за замовчуванням містить усі наші правила ESLint, включаючи ECMAScript 6+ та React. Для цього потрібні eslint, eslint-plugin-import, eslint-plugin-react та eslint-plugin-jsx-a11y. Моя .eslintrcрозширення його конфігурації: { "extends": "eslint-config-airbnb", "env": { "browser": true, "node": true, "mocha": true }, "rules": { …

102 javascript  reactjs  eslint  eslint-config-airbnb 

Ось моя форма та метод 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 /> <button …

102 reactjs  reactjs-flux 

У мене є один компонент, який буде відображати масив рядків. Код виглядає приблизно так. 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 

Я новачок у React Router і дізнався, що існує так багато способів перенаправити сторінку: Використовуючи browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Використовуючи this.context.router.push("/path") class Foo extends React.Component { constructor(props, context) { super(props, context); //do something... } redirect() { this.context.router.push("/path") } } Foo.contextTypes = { router: React.PropTypes.object …

102 reactjs  redux  react-router 

Я працюю з Reactjs, пишу компонент меню. "use strict"; var React = require("react"); var Menus = React.createClass({ item_url: function (item,categories,articles) { console.log('afdasfasfasdfasdf'); var url='XXX'; if (item.type == 1) { url = item.categoryId == null ? 'javascript:void(0)' : path('buex_portal_browse_category', {slug: categories[item.categoryId].slug}); } else if (item.type == 2) { url = item.articleId …

101 javascript  reactjs  this  map-function 

PropTypes і Flow охоплюють подібні речі, але використовують різні підходи. PropTypes може надавати вам попередження під час виконання, що може бути корисним для швидкого пошуку неправильних відповідей, які надходять із сервера тощо. Однак, Flow здається майбутнім та з такими поняттями, як дженерики - дуже гнучко рішення. Також автодоповнення, запропоновані Nuclide, …

101 reactjs  flowtype  react-proptypes 

Ми з моєю командою отримали фінансування, щоб розпочати розробку веб-додатків на рівні підприємства (не будемо деталізувати, що це робить). У додатку буде багато окремих веб-сторінок, але дві з цих сторінок більш цілеспрямовані та дуже важкі - важкі, як і в умовах багато взаємодії з користувачами, модалі, які відображають масові дані, …

101 asp.net  angular  reactjs  razor 

Я розумію, що це основне питання, але мені не пощастило знайти відповідь в іншому місці. Є чи store.dispatchсинхронний або асинхронний в Redux? Якщо це асинхронно, чи є можливість додати зворотний виклик після того, як дія буде розповсюджена, як це можливо React?

101 javascript  reactjs  redux  single-page-application 

Я все ще досить новий в React, але я повільно перемелюся і стикаюся з чимось, на чому я застряг. Я намагаюся створити "таймер" компонент в React, і якщо чесно, я не знаю, чи правильно це я роблю (або ефективно). У моєму коді нижче, я встановити стан , щоб повернути об'єкт …

101 javascript  reactjs  settimeout  state 

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

101 reactjs  react-router