Пробую TypeScript для проекта React, и я застрял на этой ошибке: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ train_1: boolean; train_2: boolean; train_3: boolean; train_4: boolean; }'. No index signature with a parameter of type 'string'...
Я новичок в библиотеке React.js, просматривал некоторые учебники и наткнулся на: this.setState this.replaceState Приведенное описание не очень четкое (ИМО). setState is done to 'set' the state of a value, even if its already set in the 'getInitialState' function. Так же, The replaceState() method...
Я понимаю, как (и почему ) добавить пробел в JSX, но мне интересно, что лучше всего делать и есть ли реальная разница? Оберните оба элемента в промежуток <div className="top-element-formatting"> <span>Hello </span> <span...
Я хочу вызвать метод, предоставляемый компонентом React, из экземпляра элемента React. Например, в этом файле jsfiddle . Я хочу вызвать alertMessageметод по HelloElementссылке. Есть ли способ добиться этого без написания дополнительных оболочек? Изменить (скопированный код из JSFiddle) <div...
Я хотел бы спросить, как реагировать на нативный дескриптор или делать отзывчивый шрифт. Например, в iphone 4s у меня есть fontSize: 14, а в iphone 6 - fontSize: 18.
Я очень новичок в webpack, я обнаружил, что в производственной сборке мы можем уменьшить размер общего кода. В настоящее время webpack собирает около 8 МБ файлов, а main.js - около 5 МБ. Как уменьшить размер кода в производственной сборке? Я нашел образец файла конфигурации веб-пакета из...
Я разбираю пример задачи Redux, чтобы попытаться понять его. Я читал, что это mapDispatchToPropsпозволяет отображать действия диспетчеризации в качестве свойств, поэтому я подумал о переписывании, addTodo.jsчтобы использовать mapDispatchToProps вместо вызова диспетчеризации (addTodo ()). Я назвал...
У меня есть библиотека компонентов, в которой я пишу модульные тесты для использования Jest и react-testing-library. На основе определенных свойств или событий я хочу убедиться, что определенные элементы не отображаются. getByText, getByTestIdи т. д. выдают ошибку, react-testing-libraryесли...
Согласно документам: componentDidUpdate()вызывается сразу после обновления. Этот метод не вызывается для первоначального рендеринга. Мы можем использовать новый useEffect()хук для моделирования componentDidUpdate(), но похоже, что useEffect()он запускается после каждого рендеринга, даже в первый...
Я ожидаю, что состояние перезагрузится при изменении реквизита, но это не работает, и userпеременная не обновляется при следующем useStateвызове, что не так? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return user.avatar ? (<img src={user.avatar}/>) :...
Просматривая HTML-код некоторых страниц, я заметил, что некоторые из них используют этот атрибут data-reactid, например: <a data-reactid="......" ></a> Что это за атрибут и какова его функция?...
Иногда у меня есть компоненты реакции, которые концептуально сохраняют состояние, и я хочу их сбросить. Идеальное поведение было бы эквивалентно удалению старого компонента и чтению нового, нетронутого компонента. React предоставляет метод, setStateкоторый позволяет устанавливать собственное явное...
В принципе, у меня есть компонент React, его render()тело функции выглядит следующим образом: (Это мой идеальный вариант, что означает, что в настоящее время он не работает) render(){ return ( <div> <Element1/> <Element2/> // note: code does not work here if (this.props.hasImage)...
Я новичок в ReactJS, и я хочу импортировать изображения в компонент. Эти изображения находятся внутри общей папки, и я не знаю, как получить доступ к папке из компонента реакции. Любые идеи ? РЕДАКТИРОВАТЬ Я хочу импортировать изображение в Bottom.js или Header.js Папка структуры: Я не использую...
Помимо возможности установить «activeClassName» и «activeStyle» в NavLink, есть ли причина использовать NavLink поверх Link при создании ссылок на другие маршруты на элементах, не связанных с навигацией (т.е. не в главной навигации в верхнем или нижнем колонтитуле) на вашем сайте которым не нужно...
Позвольте мне объяснить результат этого кода, чтобы легко задать мою проблему. const ForExample = () => { const [name, setName] = useState(''); const [username, setUsername] = useState(''); useEffect(() => { console.log('effect'); console.log({ name, username }); return () => {...
Я хочу динамически включать / опускать атрибут disabled в элементе кнопки. Я видел множество примеров значений динамических атрибутов, но не самих атрибутов. У меня есть следующая функция рендеринга: render: function() { var maybeDisabled = AppStore.cartIsEmpty() ? "disabled" : ""; return...
Я сейчас немного занимаюсь React, и мне было интересно, есть ли «правильный» способ создания условных стилей. В учебнике они используют style={{ textDecoration: completed ? 'line-through' : 'none' }} Я предпочитаю не использовать встроенные стили, поэтому вместо этого хочу использовать класс для...
Насколько я знаю и исправляю меня, если я ошибаюсь, redux-thunk - это промежуточное ПО, которое помогает нам отправлять асинхронные функции и отлаживать значения в самом действии, в то время как, когда я использовал redux-обещание, я не мог создавать асинхронные функции без реализации моих...
Это мой проект: 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...