Одна линия отлично работает render: function () { return ( {[1,2,3].map(function (n) { return <p>{n}</p> }} ); } не для нескольких строк render: function () { return ( {[1,2,3].map(function (n) { return ( <h3>Item {n}</h3> <p>Description {n}</p> ) }} ); }...
У меня есть данные, называемые станциями, которые представляют собой массив, содержащий объекты. stations : [ {call:'station one',frequency:'000'}, {call:'station two',frequency:'001'} ] Я хотел бы отобразить компонент пользовательского интерфейса для каждой позиции массива. Пока я могу написать...
Каков правильный способ обновления состояния вложенного объекта в React with Hooks? export Example = () => { const [exampleState, setExampleState] = useState( {masterField: { fieldOne: "a", fieldTwo: { fieldTwoOne: "b" fieldTwoTwo: "c" } } }) Как бы один использовать setExampleStateдля...
Я только начинаю с Reactjs, писал простой компонент для отображения liтега и наткнулся на эту ошибку: Неожиданный токен '<' Я поместил пример в jsbin ниже http://jsbin.com/UWOquRA/1/edit?html,js,console,output Пожалуйста, дайте мне знать, что я делаю не так....
Я пытаюсь создать простую форму с помощью response, но сталкиваюсь с трудностями при правильной привязке данных к defaultValue формы. Я ищу следующее поведение: Когда я открываю свою страницу, поле ввода текста должно быть заполнено текстом моего сообщения AwayMessage в моей базе данных. Это...
Итак, у меня есть это: let total = newDealersDeckTotal.reduce(function(a, b) { return a + b; }, 0); console.log(total, 'tittal'); //outputs correct total setTimeout(() => { this.setState({dealersOverallTotal: total}); }, 10); console.log(this.state.dealersOverallTotal, 'dealersOverallTotal1');...
Я пытаюсь импортировать компоненты из реакции-материализации как - import {Navbar, NavItem} from 'react-materialize'; Но когда веб-пакет компилирует мой, .tsxон выдает ошибку для вышеуказанного: ERROR in ./src/common/navbar.tsx (3,31): error TS7016: Could not find a declaration file for module...
У меня есть функциональный компонент, и я хочу заставить его повторно отрисоваться. Как я могу это сделать? Поскольку экземпляра нет this, я не могу позвонить this.forceUpdate()....
Есть ли способы моделирования componentDidMountфункциональных компонентов React с помощью хуков?
Имею следующее: <Route name="app" path="/" handler={App}> <Route name="dashboards" path="dashboards" handler={Dashboard}> <Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} /> <Route name="searchDashboard" path="searchDashboard"...
Я пытаюсь передать имя класса компоненту реакции, чтобы изменить его стиль, и, похоже, не могу работать: class Pill extends React.Component { render() { return ( <button className="pill {this.props.styleName}">{this.props.children}</button> ); } } <Pill...
перед тем, как опубликовать этот вопрос, я попытался выполнить поиск в sqa stackexchange, но я не нашел там сообщения о мелководье и рендеринге, поэтому я надеюсь, что кто-то может мне помочь здесь. Когда мне следует использовать мелкую глубину и рендеринг при тестировании реагирующих компонентов?...
У меня есть языковые настройки в контексте, как показано ниже class LanguageProvider extends Component { static childContextTypes = { langConfig: PropTypes.object, }; getChildContext() { return { langConfig: 'en' }; } render() { return this.props.children; } } export default LanguageProvider; Код...
Я знаю, что расширения chrome используют manifest.json, но здесь он используется как нечто другое. содержание - { "short_name": "React App", "name": "Create React App Sample", "icons": [ { "src": "favicon.ico", "sizes": "192x192", "type": "image/png" } ], "start_url": "./index.html", "display":...
Скажем, у меня есть список простых объектов, this.state.listкоторые я затем могу использовать для рендеринга списка потомков. В какой же тогда правильный способ вставить объект this.state.list? Ниже приведен единственный способ, который, я думаю, будет работать, потому что вы не можете...
При отправке формы я пытаюсь doSomething()изменить поведение публикации по умолчанию. Судя по всему, в React onSubmit - это поддерживаемое событие для форм. Однако, когда я пробую следующий код: var OnSubmitTest = React.createClass({ render: function() { doSomething = function(){ alert('it...
Недавно я много изучал функциональность и способы использования JavaScript-библиотеки Facebook React.js. Говоря о его отличиях от остального мира JavaScript, часто упоминаются два стиля программирования declarativeи imperative. В чем разница между ними?...
В этой документации React сказано, что shallowCompare выполняет поверхностную проверку равенства для текущих объектов props и nextProps, а также для объектов текущего состояния и nextState. Я не могу понять, что если он неглубоко сравнивает объекты, тогда метод shouldComponentUpdate всегда будет...
Как я могу вручную вызвать событие щелчка в ReactJS ? Когда пользователь нажимает на element1, я хочу автоматически запускать щелчок по inputтегу. <div className="div-margins logoContainer"> <div id="element1" className="content" onClick={this.uploadLogoIcon}> <div...
Я новичок в ReactJs. Это мой код: var React = require('react'); var ReactDOM = require('react-dom'); var {Route, Router, IndexRoute, hashHistory} = require('react-router'); var Main = require('Main'); ReactDOM.render( <Router history={hashHistory}> <Route path="/"...