Вопросы с тегом «reactjs»

212
Как указать порт для запуска проекта, основанного на создании-реакции-приложения?

Мой проект основан на создании-реагировать-приложение . npm startили yarn startпо умолчанию приложение будет запущено на порту 3000, и нет никакой возможности указать порт в файле package.json. Как я могу указать порт по своему выбору в этом случае? Я хочу запустить два проекта одновременно (для...

212
ReactJS - .JS против .JSX

Есть кое-что, что я нахожу очень запутанным при работе React. Есть много примеров, доступных в Интернете, которые используют .jsфайлы с реакцией, но многие другие используют .jsxфайлы. Я читал о .jsxфайлах, и я понимаю, что они просто позволяют вам писать HTML-теги в вашем javascript. Но то же...

212
Реакция функции onClick срабатывает при рендере

Я передаю 2 значения дочернему компоненту: Список объектов для отображения удалить функцию. Я использую функцию .map () для отображения моего списка объектов (как в примере, приведенном на странице руководства по реагированию), но кнопка в этом компоненте вызывает onClickфункцию при рендеринге (она...

212
ReactNative: как центрировать текст?

Как центрировать текст в ReactNative как по горизонтали, так и по вертикали? У меня есть пример приложения в rnplay.org, где justifyContent = "center" и alignItems = "center" не работает: https://rnplay.org/apps/AoxNKQ Текст должен быть в центре. И почему между текстом (желтым) и родительским...

210
Как вызвать функцию загрузки с React useEffect только один раз

UseEffect Реагировать крючок будет работать переданный в функции при каждом изменении. Это можно оптимизировать, чтобы он вызывался только при изменении желаемых свойств. Что делать, если я хочу вызвать функцию инициализации из componentDidMountи не вызывать ее снова при изменениях? Допустим, я...

206
Почему неизменность так важна (или необходима) в JavaScript?

В настоящее время я работаю над платформами React JS и React Native . На полпути я наткнулся на Immutable или библиотеку Immutable-JS , когда читал о реализации Facebook в Flux и Redux. Вопрос в том, почему неизменность так важна? Что не так в мутирующих объектах? Разве это не упрощает ситуацию? В...

205
Axios отправить запрос на отправку данных формы

POSTЗапрос axios обращается к URL на контроллере, но устанавливает нулевые значения для моего класса POJO. Когда я беру инструменты разработчика в chrome, полезная нагрузка содержит данные. Что я делаю не так? Axios POST Запрос: var body = { userName: 'Fred', userEmail: 'Flintstone@gmail.com' }...

205
Как получить доступ к элементу DOM в React? Что эквивалентно document.getElementById () в React

Как выбрать определенные бары в Reaction.js? Это мой код: var Progressbar = React.createClass({ getInitialState: function () { return { completed: this.props.completed }; }, addPrecent: function (value) { this.props.completed += value; this.setState({ completed: this.props.completed }); }, render:...

205
вызвать событие onChange после нажатия клавиши Enter

Я новичок в Bootstrap и застрял с этой проблемой. У меня есть поле ввода, и как только я ввожу только одну цифру, onChangeвызывается функция from , но я хочу, чтобы она вызывалась, когда я нажимаю «Enter», когда введено целое число. Та же проблема для функции проверки - она ​​вызывается слишком...

205
Реагировать состояние инициализации компонента из реквизита

В React, есть ли реальные различия между этими двумя реализациями? Некоторые друзья говорят мне, что FirstComponent - это шаблон, но я не понимаю, почему. SecondComponent кажется проще, потому что рендеринг вызывается только один раз. Первый: import React, { PropTypes } from 'react' class...

204
Вставьте HTML с React Variable Statements (JSX)

Я строю что-то с React, где мне нужно вставить HTML с переменными React в JSX. Есть ли способ иметь переменную так: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; и вставить его в реакцию, как это так, и это работает? render: function() { return (...

204
Как использовать переключатели в ReactJS?

Я новичок в ReactJS, извините, если это звучит не так. У меня есть компонент, который создает несколько строк таблицы в соответствии с полученными данными. Каждая ячейка в столбце имеет флажок радио. Следовательно, пользователь может выбрать один site_nameи один addressиз существующих рядов. Выбор...

198
Реакт против РеактДОМ?

Я немного новичок, чтобы реагировать. Я вижу, что мы должны импортировать две вещи, чтобы начать, Reactи ReactDOMкто-нибудь может объяснить разницу. Я читаю документацию React , но она не...

198
Могу ли я отправить действие в редуктор?

Можно ли отправить действие в самом редукторе? У меня есть индикатор и аудио элемент. Цель состоит в том, чтобы обновить индикатор выполнения, когда время обновляется в аудиоэлементе. Но я не знаю, где разместить обработчик событий ontimeupdate или как отправить действие в обратный вызов...

196
Реагировать на валидацию для объектов даты

Каков в настоящее время предпочтительный способ проверки Dateопоры в реакции? Прямо сейчас я использую: React.PropTypes.object Это, однако, в настоящее время не соответствует правилу lint запрещенных проп-типов . Должен ли я использовать shapeили есть какой-то лучший...

192
Каков наилучший способ получить доступ к хранилищу резервов вне реагирующего компонента?

@connectпрекрасно работает, когда я пытаюсь получить доступ к магазину в компоненте реакции. Но как мне получить к нему доступ в другом фрагменте кода? Например, скажем, я хочу использовать токен авторизации для создания моего экземпляра axios, который можно использовать в моем приложении в...

192
ReactJS - Как использовать комментарии?

Как я могу использовать комментарии внутри renderметода в компоненте React? У меня есть следующий компонент: 'use strict'; var React = require('react'), Button = require('./button'), UnorderedList = require('./unordered-list'); class Dropdown extends React.Component{ constructor(props) {...