я скорее спутал это с vue. state позволяют ведь обновлять состояние компонентов

const Image = props => {
 const [isLoaded, setIsLoaded] = React.useState(false);
 return (
     <img
       onLoad={() => {setIsLoaded(true)}}
       style={{ opacity: isLoaded ? 1 : 0 }}
       src={props.src}
     />
 );
};

Снипет только для демонстрации идеи!

ну с этим уже можно работать спасибо)

добрый вечер. кто подскажет по поводу react router? Интересует маршрутизация.
как я понял, в react router, поддерживается концепция компонентов. То, что маршруты у нас находятся в компонентах и нам приходятся на самих компонентах отрабатывать эти маршруты. насколько такая логика корректная? Не нарушает ли она принципы разделения кода?

а что расскажите по этому поводу?

+-корректная
А чем она может нарушать?

Идея компонент бейзд роутов применима в большинстве проектов (впрочем как и директор бейзд), чаще с роутингом возникают проблемы когда в него нужно премировать какой либо стейт приложения

в итоге в одном компоненте мне надо отработать три маршрута, 1 - когда мы к корню обращаемся, 2 - к конкретному элементу. 3 - когда ничего не нашли. 1 - /customers, 2 - /customers/1, 3 - /customers/somethingWrong

Бейзд? Что это))

based

Ну те роутинг построенный на компонентах или на директориях (как в некст накст )

Вообще там показ компонента в зависимости от содержимого адресной строки.
Насчет того где маршруты. Ну у меня они вообще в массиве заданы.

export const routes: RouteItem[] = [
 {
   name: 'home',   //наменование
   path: '/',              //путь
   exact: true,
   private: true,      //выводить только при залогиненности
   always: false,     //показывать вне зависимости от залогиненности
   component: HomePage, //собственно компонент
 },
...
ну и по этому массиву, путем прохода по нему map, автоматически строиться (не знаю как это правильно назвать) "дерево маршрутов", в котором собственно идет проверка залогинен ли кто нибудь в системе и т.д.
Например при выходе из системы, автоматически переадресует на /login и.т.д.

next.js заходит в папочку pages и парсит оттуда .js файлы, как странички.

Или .tsx

А, понял. Вопщем, писать по русски, английские слова, с британским произношением - не есть гут.

это понятно до тех пор, пока у тебя нет вложенных маршрутов. имхо, было куда понятней, когда у нас были бы вложенные дети как аргумент.
Видел пример на react-router": "^6.0.0-alpha.5" https://github.com/samselikoff/2020-06-09-react-router-v6-navlink/blob/master/src/App.js

🙈😁

Это и есть directory based

я о том подходе, что было куда удобнее отдельно для маршрутов иметь пути. то, как оно сделано для nodejs.

всем привет! есть у кого пример использования react-text-mask и styled components? чтобы с хэндлерами и прочим. Уже голова закипела малость)