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

93
Когда bindActionCreators будет использоваться в react / redux?

В документации Redux для bindActionCreators говорится, что: Единственный вариант использования bindActionCreators- это когда вы хотите передать некоторых создателей действий компоненту, который не знает о Redux, и вы не хотите передавать ему диспетчеризацию или хранилище Redux. Какой будет пример,...

93
REACT - переключить класс onclick

Я пытаюсь понять, как переключить активный класс onClickдля изменения свойств CSS. Я использовал много подходов и прочитал много ответов SO. Используя jquery, это было бы относительно просто, однако я не могу понять, как это сделать с помощью реакции. Мой код ниже. Кто-нибудь может посоветовать,...

93
Добавление файла .env в React Project

Я пытаюсь скрыть свой API-ключ на тот момент, когда я фиксируюсь на github, и я просмотрел форум для руководства, особенно следующий пост: Как скрыть ключ API в приложении create-response-app? Я внес изменения и перезапустил пряжу. Я не уверен, что делаю неправильно - я добавил .envфайл в корень...

93
Доступ к контексту React за пределами функции рендеринга

Я разрабатываю новое приложение, используя новый React Context API вместо Redux, и раньше, Reduxкогда мне нужно было, например, получить список пользователей, я просто вызываю componentDidMountсвое действие, но теперь с React Context мои действия живут внутри my Consumer, который находится внутри...

93
Ошибка типа [ERR_INVALID_ARG_TYPE]: аргумент «путь» должен иметь тип string. Полученный тип undefined повышается при запуске приложения реакции

Я работаю над проектом в React и столкнулся с проблемой, которая поставила меня в тупик. Всякий раз, когда я запускаю, yarn startя получаю эту ошибку: Ошибка типа [ERR_INVALID_ARG_TYPE]: аргумент «путь» должен иметь тип string. Полученный тип не определен Я понятия не имею, почему это происходит,...

92
Красивая печать JSON с помощью React

Я использую ReactJS, и часть моего приложения требует хорошо напечатанного JSON. Я получаю JSON, например:, { "foo": 1, "bar": 2 }и если я пропущу его JSON.stringify(obj, null, 4)в консоли браузера, он хорошо распечатывается, но когда я использую его в этом фрагменте реакции: render: function() {...

92
React - setState () на размонтированном компоненте

В моем компоненте реакции я пытаюсь реализовать простой счетчик, пока выполняется запрос ajax - я использую состояние для хранения статуса загрузки. По какой-то причине этот фрагмент кода ниже в моем компоненте React выдает эту ошибку Можно обновить только смонтированный или монтируемый компонент....

92
Webpack-dev-server обслуживает список каталогов вместо страницы приложения

Я вижу только настоящее приложение под /public. Конфиги webpack.config.jsниже: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path:...

92
Как я могу сохранить дерево состояний редукции при обновлении?

Первый принцип документации Redux: Состояние всего вашего приложения хранится в дереве объектов в одном хранилище. И мне действительно казалось, что я хорошо понимаю всех руководителей. Но теперь я не понимаю, что означает приложение. Я понимаю, если приложение означает лишь одну из небольших...

92
Почему MouseEvent в обработчике событий флажка не является универсальным?

У меня есть элемент флажка TSX (JSX): <input type="checkbox" name={i.toString()} onClick={this.handleCheckboxClick} /> С помощью VS кода я знаю , что тип входного параметра из this.handleCheckboxClickэто MouseEvent<HTMLInputElement>. Итак, я реализовал это с помощью: private...

92
Как добавить несколько классов в пользовательский интерфейс материалов с помощью свойств классов

Как добавить несколько компонентов с помощью метода css-in-js для добавления классов в компонент реакции? Вот переменная классов: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); Вот как я это использовал: return ( <div className={...

91
Reactjs: как изменить состояние динамического дочернего компонента или свойства родительского?

Я по сути пытаюсь сделать вкладки в реакции, но с некоторыми проблемами. Вот файл page.jsx <RadioGroup> <Button title="A" /> <Button title="B" /> </RadioGroup> Когда вы нажимаете кнопку A, компонент RadioGroup должен отменить выбор кнопки B . «Выбранный» означает просто...

91
Реагировать с Redux? А как насчет проблемы «контекста»?

Обычно я размещаю материалы, связанные с кодом, в Stack, но это больше вопрос о том, каковы общие мысли сообщества. Кажется, много людей отстаивают использование Redux с React для управления данными / состоянием, но, читая и изучая и то, и другое, я натолкнулся на кое-что, что выглядит не совсем...