это не иделальный вариант а какая то каша из подходов. В данном случае чтобы стили рабатали нормально нужно писать <div className={styles.article}> <p className={styles.article__text}></p> <a className={styles.article__link}> </a> </div>

проблемы начинаются когда у тебя для блока несколько классов, но для этого я так понял существует classnames библа но выглядит все это кашеобразно есть какие-то альтернативы css-in-js и css-modules

Относительно чего? В голову приходит хук который принимает ref на элемент относительно которого будет вычисляться положение, внутри заводим стейт под положение мыши и вещаем событие на mousemove, ну и в обработчике вычисляем относительные координаты и пишем их в стейт, но только наверное надо некий debounce предусмотреть, иначе поток обновлений будет большой. И это не просто функция будет а хук.

Относительно чего? В голову приходит хук который принимает ref на элемент относительно которого будет вычисляться положение, внутри заводим стейт под положение мыши и вещаем событие на mousemove, ну и в обработчике вычисляем относительные координаты и пишем их в стейт, но только наверное надо некий debounce предусмотреть, иначе поток обновлений будет большой. И это не просто функция будет а хук.

Положить в useRef объект с полем и функцией в которой поле это будет в замыкании, и в хендлер, на жизненный цикл компонента аффектить не будет, но в любой момент можно будет оттуда значение получить

а я использу. ref-callback

Накидайте пример в codesandbox.io да с комментариями чтобы был понятен ваш замысел, Aleksandr дело говорит, надо понять что вы хотите

ну сформировать обработчик клика который будет знать размеры элемента!

ctrl C

Ну тогда может в скрипт json файла добавить вместе с start

Добрый вечер,ребята,такой вопрос,хочу настроить json server и работать с ним вместе через реакт.РАботаю через вебшторм По этому сайту смотрю инструкцию https://dev.to/rodeghiero_/json-server-with-reactjs-3chd я запускаю сервер через через команду json-server --watch db.json --port 3001 а чтобы запустить моё реакт приложение писал это npm run start Но после того,как написал : json-server --watch db.json --port 3001 Моя консоль неактивна для ввода еще команд,что мне делать?

ну сформировать обработчик клика который будет знать размеры элемента!

Кто учит английский, можете написать в лс?

Есть следующая Yup валидация. const LoginSchema = Yup.object().shape({ password: Yup.string() .min(6, 'Too Short!') .required('Required') }); Задача состоит в том, чтобы блочить кнопку, если введено меньше 6 символов. По-умолчанию кнопка должна быть залочена. При текущей реализации, кнопка по умолчанию активна, а блокируется только, когда юзер начинает вводить пароль. Подскажите, как правильно подправить данную валидацию или куда копать?

isInitialValid: false

С версией 2.0.4 будет кидать ворнинг, onMountValidate : true надо ставить

Также буду рад любой критике не по существу вопроса

Ребят, вопрос не совсем по реакту, сорри У меня есть Input компонент, который поддерживает отображение отформатированных через intl чисел. При фокусе он — type="number" и принимает флоат, однако при блюре тип меняется на "string" и value инпута становится отформатированное число вида "111,222,333.45" — строка После заполнения большой формы мне нужно, чтобы все инпуты отдали сырое числовое значение. Какие можете подсказать способы захендлить ситуацию? И не слишком ли тупо менять тип инпута по ивенту? Скрин инпута и его вызова прилагаю

зачем тебе инпут в какой то момент вообще type="number" ? Я бы лучше сделал какоето решение на основании маски, либо сам запилил бы

а как форсировать введение только цифр? кастомно в ивенте?)

валидировать инпут, для жтого ж мы и упарываемся в контролируемые

ну я валидирую на сабмите, предлагаешь валидировать в onChange?

привет всем, нужно перехватывать переходы по ссылке из письма, брать токен из параметра запроса и его перенаправлять на эндпоинт. Как это делается.

привет всем, нужно перехватывать переходы по ссылке из письма, брать токен из параметра запроса и его перенаправлять на эндпоинт. Как это делается.

У меня есть массив к примеру User (в котором name , surname и т.д) как из него достать массив всех name

У меня есть массив к примеру User (в котором name , surname и т.д) как из него достать массив всех name

приведи пример ланных

приведи пример ланных

У меня есть массив к примеру User (в котором name , surname и т.д) как из него достать массив всех name

"главное реакт не впутывай" тут не пашет? 🤔

"главное реакт не впутывай" тут не пашет? 🤔

к примеру массив из 10 юзеров с данными имя фамилия и т.д

ну я на Angular присал там было как то object.ForEach(p => { ...});

ну это же элементарный js

видимо в ангуляре не требуется)

arrayOfUsers.map(({name})=> ({name}))

ну да там TS немного подругому

Может это как то в роутинге можно прописать? Было бы удобно

<Redirect from="/" to="/hello" />

А где это прописать?

смотря что там вводить будет юзер. Если допустим номер карты то чего тянуть до сабмита или блюра поля https://codepen.io/s-yadav/pen/bpKNMa

привет всем, нужно перехватывать переходы по ссылке из письма, брать токен из параметра запроса и его перенаправлять на эндпоинт. Как это делается.

Благодарю за ссылку =) В моем случае это достаточно крупные формы с 40-50 и более инпутами со значениями объемов углекислого газа, затрат предприятия и прочей чепухи. До того, как я поступил на работу, стоял какой-то ужасный пакет с масками, который сильно тормозил ввод — видимо из-за валидации в onChange. Решили сделать так пока что, как описано выше. Да и времени на это выделили немного. Однако проблема в том, что если раньше приходилось юзать parseFloat, чтобы получить нужные значения из инпутов, то сейчас решили отказаться от parseFloat, так как полагаться на эту функцию (как и на parseInt) не приходится. Значения должны быть в точности такими, как их ввел юзер, и быть флоатами. Эти числа дальше используются для сложных вычислений на беке, в которых я ничего не понимаю, но требование к фронту я описал выше.

Всем привет! Занимаюсь самообразованием!!! Подскажите,что почитать-посмотреть,бесплатное по реакту!))) Если можно в личку,а то здесь боюсь потеряется!))) Заранее благодарю!)))

Документацию Реакта и примеры проектов на Github

РЕбята.,почему у меня не срабатывает код в прямоугольнике?А выводит рендер 21 строки?