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

У мене така програма для React.js за допомогою маршрутизатора React : var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header> <RouteHandler /> </div> ); } }); var routes = ( <Route path="/" handler={Index}> <Route path="comments" handler={Comments}/> <DefaultRoute handler={Dashboard}/> …

315 javascript  properties  reactjs  react-router 

Як я можу змусити React відновити перегляд, коли розмір вікна браузера буде змінено? Фон У мене є кілька блоків, які я хочу розміщувати окремо на сторінці, однак я також хочу, щоб вони оновлювалися, коли змінюється вікно браузера. Самим кінцевим результатом буде щось на зразок макета Pinterest Ben Holland , але …

313 javascript  reactjs  resize 

Я хочу оголосити шлях із необов'язковим параметром шляху, отже, коли я додаю його на сторінку, щоб зробити щось додаткове (наприклад, заповнити деякі дані): http: // localhost / app / path / to / page <= візуалізація сторінки http: // localhost / app / path / to / page / pathParam …

306 javascript  reactjs  react-router  react-router-v4 

Що може спричинити помилку Error: EACCES: permission denied, access '/usr/local/lib/node_modules'? npm ERR! path /usr/local/lib/node_modules npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall access npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! { Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! errno: -13, npm ERR! code: …

298 node.js  reactjs  npm  install 

Коли я набираю create-react-app my-appкоманду в своєму терміналі, вона, здається, працює - успішно завантажує всі бібліотеки і т. Д. Після закінчення цього процесу я отримую повідомлення про те, що template was not provided. Вхідні дані user@users-MacBook-Pro-2 Desktop% create-react-app my-app Вихідні дані Creating a new React app in /Users/user/Desktop/my-app. Installing packages. …

297 reactjs  create-react-app 

Чи не існує простого способу передавати дитину propsсвоєму батькові, використовуючи події, в React.js? var Child = React.createClass({ render: function() { <a onClick={this.props.onClick}>Click me</a> } }); var Parent = React.createClass({ onClick: function(event) { // event.component.props ?why is this not available? }, render: function() { <Child onClick={this.onClick} /> } }); Я знаю, …

295 javascript  reactjs 

Як у JSX ви посилаєтесь на значення propsзсередини процитованого значення атрибута? Наприклад: <img className="image" src="images/{this.props.image}" /> Отриманий вихід HTML: <img class="image" src="images/{this.props.image}">

295 javascript  reactjs  react-props 

Я намагаюся отримати доступ до статичного зображення, яке потрібно використовувати в межах вбудованого backgroundImageвластивості в межах React. На жаль, я просушився, як це зробити. Як правило, я думав, що ви зробили так: import Background from '../images/background_image.png'; var sectionStyle = { width: "100%", height: "400px", backgroundImage: "url(" + { Background } …

290 javascript  reactjs 

Я новачок у React і намагаюся написати додаток, що працює з API. Я продовжую отримувати цю помилку: TypeError: this.setState не є функцією коли я намагаюся обробити відповідь API. Я підозрюю, що з цим прив'язкою щось не так, але я не можу зрозуміти, як це виправити. Ось код мого компонента: var …

288 javascript  reactjs 

З огляду на простий компонент, який робить його дітей: class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props.children} </div> ); } } export default ContainerComponent; Запитання: Яким повинен бути власні тип дітей? Коли я встановлюю його як об'єкт, він не працює, …

265 reactjs  jsx  react-proptypes 

Чи взагалі можливо оновити властивості об’єкта за допомогою setState? Щось на зразок: this.state = { jasper: { name: 'jasper', age: 28 }, } Я намагався: this.setState({jasper.name: 'someOtherName'}); і це: this.setState({jasper: {name: 'someothername'}}) Перший призводить до помилки синтаксису, а другий просто нічого не робить. Будь-які ідеї?

265 reactjs  state 

У мене відносно просте питання намагання додати вбудовані сценарії до компонента React. Що я маю досі: 'use strict'; import '../../styles/pages/people.scss'; import React, { Component } from 'react'; import DocumentTitle from 'react-document-title'; import { prefix } from '../../core/util'; export default class extends Component { render() { return ( <DocumentTitle title="People"> <article …

264 javascript  reactjs  ecmascript-6  react-jsx 

В даний час я борюся з гніздовими маршрутами, використовуючи реакційний маршрутизатор v4. Найближчим прикладом була конфігурація маршруту в Документації React-Router v4 . Я хочу розділити свою програму на 2 різні частини. Зовнішній вигляд та адміністратор. Я думав про щось подібне: <Match pattern="/" component={Frontpage}> <Match pattern="/home" component={HomePage} /> <Match pattern="/about" component={AboutPage} …

261 javascript  reactjs  nested  react-router  react-router-v4 

Я створюю додаток, де користувач може створити власну форму. Наприклад, вкажіть назву поля та детальну інформацію про інші стовпці, які слід включити. Компонент доступний як JSFiddle тут . Мій початковий стан виглядає приблизно так: var DynamicForm = React.createClass({ getInitialState: function() { var items = {}; items[1] = { name: 'field …

258 javascript  reactjs  state 

Я використовую reactjs. Коли я запускаю код нижче браузера, говорить: Uncaught TypeError: Супервираз повинен бути або нульовим, або функцією, а не визначеним Буде вдячний будь-які натяки на те, що не так. Спочатку рядок, який використовується для складання коду: browserify -t reactify -t babelify examples/temp.jsx -o examples/public/app.js І код: var React …

256 reactjs  ecmascript-6