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

Я новичок в ReactJS, и я хочу импортировать изображения в компонент. Эти изображения находятся внутри общей папки, и я не знаю, как получить доступ к папке из компонента реакции. Любые идеи ? РЕДАКТИРОВАТЬ Я хочу импортировать изображение в Bottom.js или Header.js Папка структуры: Я не использую webpack. Нужно ли мне …

94 javascript  reactjs 

Помимо возможности установить «activeClassName» и «activeStyle» в NavLink, есть ли причина использовать NavLink поверх Link при создании ссылок на другие маршруты на элементах, не связанных с навигацией (т.е. не в главной навигации в верхнем или нижнем колонтитуле) на вашем сайте которым не нужно активное состояние / класс?

94 reactjs  react-router  react-router-v4 

В принципе, у меня есть компонент React, его render()тело функции выглядит следующим образом: (Это мой идеальный вариант, что означает, что в настоящее время он не работает) render(){ return ( <div> <Element1/> <Element2/> // note: code does not work here if (this.props.hasImage) <MyImage /> else <OtherElement/> </div> ) }

94 reactjs 

Позвольте мне объяснить результат этого кода, чтобы легко задать мою проблему. const ForExample = () => { const [name, setName] = useState(''); const [username, setUsername] = useState(''); useEffect(() => { console.log('effect'); console.log({ name, username }); return () => { console.log('cleaned up'); console.log({ name, username }); }; }, [username]); const handleName …

94 reactjs  react-hooks 

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

93 javascript  reactjs  redux  visual-studio-code  yarnpkg 

Я хочу динамически включать / опускать атрибут disabled в элементе кнопки. Я видел множество примеров значений динамических атрибутов, но не самих атрибутов. У меня есть следующая функция рендеринга: render: function() { var maybeDisabled = AppStore.cartIsEmpty() ? "disabled" : ""; return <button {maybeDisabled}>Clear cart</button> } Это вызывает ошибку синтаксического анализа из-за …

93 reactjs 

Без параметра function clickMe(e){ //e is the event } <button onClick={this.clickMe}></button> С параметром function clickMe(parameter){ //how to get the "e" ? } <button onClick={() => this.clickMe(someparameter)}></button> Я хочу получить event. Как я могу это получить?

93 javascript  reactjs  events  dom-events 

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

93 javascript  reactjs 

Насколько я знаю и исправляю меня, если я ошибаюсь, redux-thunk - это промежуточное ПО, которое помогает нам отправлять асинхронные функции и отлаживать значения в самом действии, в то время как, когда я использовал redux-обещание, я не мог создавать асинхронные функции без реализации моих собственных механизм, поскольку действие генерирует исключение отправки …

93 reactjs  redux  redux-thunk  redux-promise 

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

93 reactjs  redux  react-redux 

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

93 reactjs  react-context 

При создании реагирующего приложения по умолчанию вызывается сервисный работник. Почему используется сервис воркер? В чем причина вызова по умолчанию?

93 javascript  reactjs  service-worker 

Это мой проект: https://github.com/kenpeter/my_hak_news , который является прямой копией https://github.com/grigio/HAgnostic-News . Git clone https://github.com/kenpeter/my_hak_news , затем запуститеreact-native run-android Получил эту ошибку: * What went wrong: Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: Failed to finalize session : INSTALL_FAILED_UPDATE_INCOMPATIBLE: Package com.hagnosticnews signatures do not match the previously installed version; ignoring! …

93 android  reactjs  react-native 

Я сейчас немного занимаюсь React, и мне было интересно, есть ли «правильный» способ создания условных стилей. В учебнике они используют style={{ textDecoration: completed ? 'line-through' : 'none' }} Я предпочитаю не использовать встроенные стили, поэтому вместо этого хочу использовать класс для управления условным стилем. Как можно подойти к этому с …

93 javascript  reactjs 

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

93 reactjs  environment-variables  api-key