React - это библиотека JavaScript для создания пользовательских интерфейсов. Он использует декларативную компонентную парадигму и стремится быть одновременно эффективным и гибким.
Я новичок в ReactJS.
Я пытаюсь отобразить Hello world, используя код ниже, но я получаю это сообщение об ошибке:
Чего мне не хватает?
Код для App.js
//App.js`
import React from 'react';
const App = () => "<h1>Hello World!</h1>";
export default App;
Код для index.js
//index.js
import React f....
20 Дек 2016 в 20:33
Если Cycle использует виртуальный дом, а также React, то почему я не могу использовать React Components внутри приложения Cycle.js ?
Можно ли обернуть существующие компоненты React в компоненты Cycle.js?
Этот вопрос касается: FRP более высокого порядка с React - почему это не происходит?....
Я могу сделать
<p>Company: {{this.state.user.company}}</p>
Но иногда компания не имеет ценности. Так как же мне спрятать весь
Если собственность компании равна нулю?
Я устал
<p>({this.state.user.company} ? 'Company: ' + {this.state.user.company} : '')</p>
Но это не работает.....
20 Дек 2016 в 19:56
Я новичок в reactjs, и у меня есть небольшой проект в reactjs, чтобы поиграть и изучить его. Мне нужно ввести заголовки, которые будут отображаться на основе URL-адресов. Итак, вот мой index.js , который обрабатывает маршрутизацию:
const history = useRouterHistory(createHistory)({
basename: '....
20 Дек 2016 в 18:50
Я не эксперт по модульному тестированию, и я пытаюсь достичь 100% покрытия моего фиктивного проекта todoapp, его легко использовать для простых компонентов, таких как компонент TodoList, но как насчет компонента AddTodo?
import React, {PropTypes} from 'react'
import {compose, withState, withProps} f....
20 Дек 2016 в 18:32
У меня есть компонент, содержащий текстовое поле. Каждый раз, когда я ввожу текст, я запускаю ряд проверок текста и в зависимости от результатов обновляю пользовательский интерфейс. Вы можете предположить, что код выглядит следующим образом:
onTextChange(e) {
const results = this.runValidations(....
Что-то не так с моим кодом ниже?
render(){
return (
var users= this.state.users.map(user =>
<li key={user.id}>user.name</li>
)
<ul>{users}</ul>
)
}
Я получаю ошибку: неожиданный токен.....
20 Дек 2016 в 16:20
Как выполнить модульное тестирование пользовательского промежуточного программного обеспечения redux? У меня есть эта простая функция, которая должна отправлять действие по истечении заданного времени ожидания, но ... я понятия не имею, как к ней подойти. Я не нашел достаточно ресурсов по этой пробл....
20 Дек 2016 в 15:46
Во-первых, могу ли я подчеркнуть, что это вопрос о процессе отладки, а не о конкретной ошибке. Как новичок в React / Redux, время от времени я получаю проект React, который не будет `` компилироваться '' с типичной ошибкой, которая выглядит примерно так:
{ Error: Cannot find module 'redux' from 'C....
20 Дек 2016 в 15:10
Мне нужна помощь. В моем контроле цвета я пытаюсь сделать this.props.dispatch(triggerFBEvent(fbID, method, params)) без удачи. Что работает, хотя, если бы я просто сделал triggerFBEvent(fbID, method, params). Я получаю ошибку: { { Х2 }}
То, что я пытаюсь сделать, это иметь возможность отправлять нов....
20 Дек 2016 в 13:34
Я пытаюсь создать select2 компонент стиля в React.
У меня отключена функциональность на 90%, один бит, который я просто не могу понять, это скрытие окна результатов, когда пользователь нажимает кнопку
Метод рендеринга:
render() {
let resultBlock;
if (this.state.showSearch) {
resultB....
20 Дек 2016 в 12:45
У меня есть способ обновить состояние моего компонента, который выглядит так:
updateObject = (field) => {
return (e) => {
const obj = _.cloneDeep(this.state.obj);
obj[field] = e.target.value;
this.setState({ obj: obj });
};
}
Я получаю сообщение об ошибке Unexpected block statement ....
20 Дек 2016 в 11:00
Я занимаюсь этим уже около недели, и я не смог заставить этих троих работать вместе. Я буду вечно благодарен, если кто-нибудь сможет мне помочь с этим, я потратил столько времени.
Проблема: Если я прокси myserver.dev горячей перезагрузки 404s. Изменение publicPath ничего не делает. Я прикрепляю U....
20 Дек 2016 в 09:41
Итак, я впервые играю с React и Redux. В своем приложении я использую сторонний API для получения данных и т. Д., С этим все хорошо. Однако, как и большинству защищенных API-интерфейсов, мне нужно получить недолговечный токен для выполнения запросов к API, я хочу установить таймер на какое-то событи....
20 Дек 2016 в 09:17
Я пытаюсь запустить этот образец в моей настройке Webpack / ReactJS. Я также сделал:
npm react-bootstrap
Это мой компонент:
import React from 'react'
const {
Navbar,
Nav,
NavItem,
NavDropdown,
MenuItem
} = ReactBootstrap;
export class ModalTest extends React.Component {
con....
20 Дек 2016 в 08:16
Я попробовал следующий пример (Fading Hearts) из React Native Playground: https://rnplay.org/apps/CkBOBQ
Пример написан с синтаксисом createClass. Я преобразовал то же самое в синтаксис ES6, где использовал классы и методы. Приложение компилируется и открывается правильно, но когда я нажимаю на прил....
20 Дек 2016 в 07:37
Я пытаюсь создать хороший компонент ApiWrapper для заполнения данных в различных дочерних компонентах. Судя по всему, что я читал, это должно сработать: https://jsfiddle.net/vinniejames/m1mesp6z/1 /
class ApiWrapper extends React.Component {
constructor(props) {
super(props);
this.state ....
20 Дек 2016 в 04:10
Я использую декораторы ES6 (?) С Redux и React. Во многих примерах я вижу людей, явно определяющих, какие элементы магазина передаются как свойства. В некоторых примерах я вижу людей, использующих атрибуты распространения, чтобы просто передать все, например:
@connect((store) => {
return {
.......
20 Дек 2016 в 02:10
Я использую установку React, Redux и Bootstrap. Я создаю книжный веб-сайт, у которого есть разные вкладки, в которых вкладки - это элементы (книги), которые имеют одинаковый идентификатор на разных вкладках. Все мои данные хранятся в магазине и передаются на панель следующим образом: TabsContainer (....
Я использую NeDB в своем приложении Electron с React.js для постоянного хранения некоторых задач и проектов. Я инициализирую два хранилища данных в файле с именем Database.js.
this.taskCollection = new Datastore({
filename:'./tasks.json',
autoload: true,
timestampData: true,
....
У меня есть два <select> входа. Я хочу установить атрибут как «отключить» один из них при определенной опции значения из другого <select>.
Первый из них:
<select ref="selectOption">
<option selected value="1" >Option 1</option>
<option value="2" >Option 2</option>
</select>
<select ref="selec....
19 Дек 2016 в 22:18
Один мой друг попросил меня сделать веб-сайт на стороне клиента, созданный с помощью React.js, предпочтительно с использованием PhantomJS. Я использую простой скрипт рендеринга следующим образом:
var system = require('system'),
fs = require('fs'),
page = new WebPage(),
url = system.args[1],
output =....
19 Дек 2016 в 22:09
Я работаю в реакции и в основном я хочу сделать кнопку с всплывающей подсказкой, сейчас я делаю подсказку. Я изменяю свойство отображения css, чтобы сделать его видимым или нет во время входа и выхода из мыши. Но есть ошибка, и я не знаю, что делать ...
Вот мой код:
import React from 'react';
import....
19 Дек 2016 в 22:05
Я создаю раскрывающееся меню и пытаюсь передать его другому компоненту:
var DropDownButton = React.createClass({
getInitialState: function() {
return {
stage: 'Select'
}
},
change: function(e){
this.setState({
stage: e.target.value
....
19 Дек 2016 в 21:13
Вот мой shouldComponentUpdate:
shouldComponentUpdate(nextProps, nextState) {
let equal = _.isEqual(this.state, nextState);
console.log(this.state, nextState, equal);
return !equal;
}
Согласно https://facebook.github.io/react/docs/ response-component.html # shouldcomponentupdate, это....
19 Дек 2016 в 20:50