Скажем, у меня есть компонент с таким рендером: <View style={jewelStyle}></View> Где jewelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, Как сделать цвет фона динамическим и назначенным случайным образом? я пробовал { borderRadius: 10, backgroundColor:...
Я создаю приложение, которое должно быть доступно на нескольких языках и в разных регионах. Мой вопрос не чисто технический, а скорее об архитектуре и шаблонах, которые люди фактически используют в производстве для решения этой проблемы. Я нигде не нашел для этого никакой "кулинарной книги",...
Я просто начинаю работать над проектом React с TypeScript и спрашиваю себя, что мне делать с обычными файлами классов? Должен ли я использовать .tsили .tsxfiles, и тогда я не мог найти причины не использовать .tsxфайл постоянно, даже если это не проект React! Есть ли причина или конкретная...
Кажется, я не могу найти, как обновить параметры запроса с помощью response-router без использования <Link/>. hashHistory.push(url)похоже, не регистрирует параметры запроса, и не похоже, что вы можете передать объект запроса или что-то еще в качестве второго аргумента. Как изменить URL -...
Я все еще новичок в React, и во многих примерах в Интернете я вижу этот вариант рендеринга дочерних элементов, который меня сбивает с толку. Обычно я вижу это: class Users extends React.Component { render() { return ( <div> <h2>Users</h2> {this.props.children} </div> ) } }...
Поскольку я использую response-router для обработки моих маршрутов в приложении реагирования, мне любопытно, есть ли способ перенаправления на внешний ресурс. Скажите, что кто-то ударил: example.com/privacy-policy Я хочу перенаправить его на:...
Я хочу, чтобы мое приложение ReactJS уведомляло пользователя при переходе с определенной страницы. В частности, всплывающее сообщение, напоминающее ему / ей о действии: «Изменения сохранены, но еще не опубликованы. Сделать это сейчас?» Должен ли я запускать это react-routerглобально или это можно...
Я хочу иметь возможность передавать текст с помощью тегов HTML, например: <MyComponent text="This is <strong>not</strong> working." /> Но внутри MyComponentметода render, когда я распечатываю this.props.text, он буквально выводит все: This is <strong>not</strong>...
Я немного поиграю с Material-UI . Есть ли какие-нибудь варианты создания макета сетки (как в Bootstrap )? Если нет, как можно добавить эту функцию? Есть компонент GridList, но я предполагаю, что он имеет другое...
Я знаю, что я не должен изменять ввод и должен клонировать объект, чтобы изменить его. Я следовал соглашению, используемому в стартовом проекте redux, который использовал: ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value], lastUpdated: action.payload.date })...
Будучи новичком в мире React, я хочу глубоко понять, что происходит, когда я использую, {this.props.children}и в каких ситуациях можно использовать то же самое. Насколько это актуально в приведенном ниже фрагменте кода? render() { if (this.props.appLoaded) { return ( <div> <Header...
Я пробую все способы создания реагирующего приложения. Я пробовал с maven, и теперь я пытаюсь использовать систему сборки приложений crate-response-app от инкубаторов Facebook. Когда я попытался запустить команду create-react-app my-appв среде npm, она работала в моей личной системе без проблем. Но...
Пока я настраивал React в проекте Django, я столкнулся с этой ошибкой Ошибка ModuleBuildError в сборке модуля (из ./node_modules/babel-loader/lib/index.js): SyntaxError: C: \ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ js \ index.js: Поддержка экспериментального синтаксиса classProperties 'в...
Я создаю приложение, которое использует в разработке webpack-dev-server вместе с response-router. Похоже, что webpack-dev-server построен на предположении, что у вас будет общедоступная точка входа в одном месте (т.е. «/»), тогда как response-router допускает неограниченное количество точек входа....
Я только что установил node.js и cli установлен node.js установлен react-native-cli npm -g react-native-cli И создал «новый проект». react-native init new_project и внутри этого каталога 'new_project' я устал проверять, хорошо ли работает сборщик метро. react-native start Но команда дала мне...
Когда я запускаю react-native run-iosсборку, я получаю сообщение об ошибке ниже. Я все проверил, но ничего не работает. Использование sudoперед командой тоже не помогает. Я использую Xcode 7.3, response-native-cli: 0.2.0, react-native: 0.24.1, node v5.11.0. === BUILD TARGET mobileTests OF PROJECT...
Я использую один и тот же компонент для трех разных маршрутов: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> Есть ли способ совместить это, чтобы быть как: <Router>...
Я начинаю использовать Facebook React в проекте Backbone, и пока все идет очень хорошо. Однако я заметил, что в мой код React закрадывается некоторое дублирование. Например, у меня есть несколько виджетов, похожих на формы, с такими состояниями, как INITIAL, SENDINGи SENT. Когда кнопка нажата,...
Вот базовый компонент. И у <ul>и <li>есть функции onClick. Я хочу, чтобы запускался только onClick <li>, а не файл <ul>. Как я могу этого добиться? Я играл с e.preventDefault (), e.stopPropagation (), но безрезультатно. class List extends React.Component { constructor(props)...
Я начинаю с React.js и хочу создать простую форму, но в документации я нашел два способа сделать это. Первый из них использует Refs : var CommentForm = React.createClass({ handleSubmit: function(e) { e.preventDefault(); var author = React.findDOMNode(this.refs.author).value.trim(); var text =...