Публикации по теме 'reactjs'
Хороший импорт путей в reactjs с jsconfig.json
Nice импортирует пути в reactjs с помощью jsconfig.json
Здесь не так много. только что наткнулся на файл jsconfig.json , и мне пообещали, что он поразит меня ( если подумать, большинство вещей претендует на то, чтобы так или иначе поразить воображение ).
О да, прямо к делу, когда вы помещаете файл jsconfig.json в корень вашего проекта (он находится рядом с файлом package.json, вы знали, извините за это ). Затем вы можете использовать абсолютные пути вместо «../../components»...
10 полезных пакетов React NPM для вашего следующего проекта
В этой статье я рассмотрю полезные пакеты npm, которые вы можете использовать в своих реагирующих приложениях. Хотя пакетов гораздо больше, я упомяну лишь некоторые.
Реагировать
React Toastify – это легкий пакет, основанный на библиотеке React, который помогает добавлять красиво оформленные настраиваемые уведомления в проект React . Конечный пользователь получает сообщение в виде всплывающего окна в браузере.
большие головы
Случайно сгенерированные персонажи для ваших..
Ставка на реакцию
React — это основанный на компонентах, декларативный, более быстрый способ написания веб-приложений с использованием javascript. В отличие от Angular, который похож на технологии Microsoft, которые требуют постоянных обновлений каждые 6 месяцев, здесь меньше наворотов. Кто хочет автомобиль, который нуждается в обновлениях каждые 6 месяцев. React исключительно хорошо реализует пользовательский интерфейс с помощью декларативных компонуемых компонентов. React — это библиотека Javascript..
Передача реквизита из дочернего/поддочернего React родительским компонентам
В идеале Reactjs допускает одностороннюю привязку данных, то есть передачу реквизитов от родителя к дочернему элементу. Для простоты props — это не что иное, как объекты, которые используются для передачи данных от одного компонента к другому, а компоненты считаются функциями, которые работают изолированно и возвращают JSX.
Наша процедура
Интерфейс приложения npx create-реагировать В папке src создайте подпапку components . В подпапке компонентов создайте два файла Form .js и..
Учебник по React JS-3 | Реагировать на фрагменты
Фрагменты реакции
В React Fragment используется для возврата нескольких элементов внутри компонента.
Давайте разберемся с этой концепцией на примере. Я создал компонент с именем ReactFragment и возвращаю Hello внутри тега h1.
Теперь я хочу вернуть свое имя внутри другого тега h1. Итак, что я буду делать? Я напишу еще один тег h1, как на картинке ниже.
Посмотрим вывод в браузере.
Как мы видим, приложение аварийно завершает работу с ошибкой: « Смежные элементы..
React.useState с «как константа»
Возьмем типичный компонент React, который извлекает данные из внешнего источника и обновляет пользовательский интерфейс в зависимости от состояния сети.
На первый взгляд этот код может показаться идеальным, и на самом деле он отобразит компонент без ошибок.
// Users.tsx
import { useState, useEffect } from "react";
export const REQUEST_STATUS = {
idle: "IDLE",
pending: "PENDING",
success: "SUCCESS",
error: "ERROR",
};
async..
React Context и Hooks: легко передавайте данные и обновляйте их
В предыдущей статье мы рассмотрели, что такое Context и как с ним передавать значения. В этой статье мы рассмотрим обновление значения контекста из дочернего компонента. Для нашего примера темы это означает, что нажатие кнопки теперь будет переключать тему между светлой и темной.
Обновление значения контекста
В предыдущей статье мы напрямую передавали тему через компонент Provider. Хотя значение передается компонентам ThemeButton.js и ThemeWindow.js , мы не можем обновить это..
