Size: a a a

React: русскоязычное сообщество

2020 April 15

ЮЧ

Юра Чеботаев in React: русскоязычное сообщество
/
Ну вот так же хочу, например
const checkSomething = (param) => {
  if(param) render(<h1>true</h1>)
  else render(<h1>false<h1>)
}
const CheckSomething = ({ value }) =>
 <h1>{value ? "true" : "false"}</h1> :
источник

/

/ in React: русскоязычное сообщество
Юра Чеботаев
const CheckSomething = ({ value }) =>
 <h1>{value ? "true" : "false"}</h1> :
Да это понятно, просто такой пример привел, ладно буду искать
источник

ЮЧ

Юра Чеботаев in React: русскоязычное сообщество
/
Да это понятно, просто такой пример привел, ладно буду искать
А чего вы будете искать-то?
источник

ЮЧ

Юра Чеботаев in React: русскоязычное сообщество
Выражение <h1>true</h1> — это уже компонент. С ним не надо дополнительно ничего делать.
источник

ЮЧ

Юра Чеботаев in React: русскоязычное сообщество
Он уже как бы «отрендерен».
источник
2020 April 16

ДШ

Денис Шопырев in React: русскоязычное сообщество
Всем привет, нужна помощь. Непонятно поведение компонента. При отправке формы включается постоянная валидация компонента
и при граничных значениях валидации не срабатывает событие onChange (так если символ просто не вводиться/не удаляется и приходиться кликать на кнопку по второму разу).
Ожидаемое значение нельзя достать ни в библиотеке, ни в компоненте DatePicker.
Используются библиотеки react-hook-form и react-datetime.
Если идти в обход, то setTimeout в валидации в библиотеке react-hook-form можно сделать только в validate, но мне нужен pattern (в validate не пройдет тип регулярного выражения).
Так как я думаю, что проблема на стороне react-datetime, то я ее расшарил.
Если будут идеи почему что-то пошло не так и как это исправить, то напишите, буду очень признателен.
https://codesandbox.io/s/dawn-mountain-3oetq?file=/src/App.js
источник

ЮЧ

Юра Чеботаев in React: русскоязычное сообщество
Денис Шопырев
Всем привет, нужна помощь. Непонятно поведение компонента. При отправке формы включается постоянная валидация компонента
и при граничных значениях валидации не срабатывает событие onChange (так если символ просто не вводиться/не удаляется и приходиться кликать на кнопку по второму разу).
Ожидаемое значение нельзя достать ни в библиотеке, ни в компоненте DatePicker.
Используются библиотеки react-hook-form и react-datetime.
Если идти в обход, то setTimeout в валидации в библиотеке react-hook-form можно сделать только в validate, но мне нужен pattern (в validate не пройдет тип регулярного выражения).
Так как я думаю, что проблема на стороне react-datetime, то я ее расшарил.
Если будут идеи почему что-то пошло не так и как это исправить, то напишите, буду очень признателен.
https://codesandbox.io/s/dawn-mountain-3oetq?file=/src/App.js
А можно по шагам расписать, что надо сделать, чтобы добиться такого же поведения, которое вас смущает?
источник

ДШ

Денис Шопырев in React: русскоязычное сообщество
Юра Чеботаев
А можно по шагам расписать, что надо сделать, чтобы добиться такого же поведения, которое вас смущает?
Выбираем или вводим дату в поле -> нажимаем кнопку "отобразить в консоли" -> удаляем дату до 10 или 1 символа
источник

d

dron in React: русскоязычное сообщество
Привет, интересует вопрос по поводу расположения кастомных хуков. Вы обычно создаёте папку, где они все лежат или кладёте в папку того компонента, где используются?
источник

ЮЧ

Юра Чеботаев in React: русскоязычное сообщество
Денис Шопырев
Выбираем или вводим дату в поле -> нажимаем кнопку "отобразить в консоли" -> удаляем дату до 10 или 1 символа
Я так сделал и на первый взгляд все нормально.

Что вы хотите, чтобы произошло?
источник

ЮЧ

Юра Чеботаев in React: русскоязычное сообщество
dron
Привет, интересует вопрос по поводу расположения кастомных хуков. Вы обычно создаёте папку, где они все лежат или кладёте в папку того компонента, где используются?
Это зависит от той концепции, которую вы выбрали.
источник

d

dron in React: русскоязычное сообщество
Юра Чеботаев
Это зависит от той концепции, которую вы выбрали.
Ну получается, что этот хук будет применим только в одном компоненте
источник

ЮЧ

Юра Чеботаев in React: русскоязычное сообщество
dron
Ну получается, что этот хук будет применим только в одном компоненте
Да. Переиспользуемые вещи хранятся в отдельной папке/библиотеке.
источник

d

dron in React: русскоязычное сообщество
Юра Чеботаев
Да. Переиспользуемые вещи хранятся в отдельной папке/библиотеке.
Тогда наверн так и сделаю, всё, что нужно в одном компоненте - буду хранить рядом, а уже более переиспользуемые штуки буду хранить в отдельной папке
источник

d

dron in React: русскоязычное сообщество
Спасибо 🙂
источник

ЮЧ

Юра Чеботаев in React: русскоязычное сообщество
Юра Чеботаев
Я так сделал и на первый взгляд все нормально.

Что вы хотите, чтобы произошло?
?
источник

ДШ

Денис Шопырев in React: русскоязычное сообщество
Юра Чеботаев
Я так сделал и на первый взгляд все нормально.

Что вы хотите, чтобы произошло?
При удалении символов дальше вместо удаления символа вываливается ошибка валидации (если добавлять символ с 9 или 0 знака, то ошибка пропадает или переходит в другое состояние ошибки, но символ не добавляется)
источник

A

Andrey in React: русскоязычное сообщество
Друзья товарищи!!! help, в чем может быть причина скрипты build:development и production, cross-env ENV_FILE=development react-scripts build  / cross-env ENV_FILE=production react-scripts build  в билде все время продовскиие env?
источник

A

Andrey in React: русскоязычное сообщество
кто то сталкивался?
источник

ЮЧ

Юра Чеботаев in React: русскоязычное сообщество
Денис Шопырев
При удалении символов дальше вместо удаления символа вываливается ошибка валидации (если добавлять символ с 9 или 0 знака, то ошибка пропадает или переходит в другое состояние ошибки, но символ не добавляется)
Что-то не понял, в чем ошибка.
источник