Size: a a a

React — русскоговорящее сообщество

2020 October 03

F

F in React — русскоговорящее сообщество
Green Orange
там у тебя и в других ссылках также, кажется)
Я добавил во все родительские, а дочерние оставил, как было и все заработало.
источник

Q

Qop in React — русскоговорящее сообщество
Defina Corporation
или css : min-height max-height
Смотря какая цель.
попробую
источник

DC

Defina Corporation in React — русскоговорящее сообщество
Мне надо морально отдохнуть и успокоить свою нежную ранимую психику
(сарказм)
Не могу больше отвлекаться. Так что сорян, до новых встреч.
Тут есть люди гораздо умнее меня. 😉🙏🏻
Хорошего вечера.
источник

Д🍋

Димон 🍋 in React — русскоговорящее сообщество
Господа, наитупейший вопрос наверное
пока не нагуглил
fetch из браузерной консоли — все ок
fetch по клику в реакте — (preflight) OPTIONS — 200, сам запрос cancelled
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
подскажите пожалуйста, писал на хуках, теперь нужно добавить санки, но как мне указать state reducer, если я его должен указать в createStore. как правильно сделать?
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Ты главное дыши
источник

DC

Defina Corporation in React — русскоговорящее сообщество
Qop
А нет готовых решения, чтобы добавление новых строчек блочилась? но она не блочится, а добавляется скролл просто. Сейчас использую autosize textarea
Ну там ещё надо помоему textarea добавить
overflow: hidden;
И как-то отслеживать содержимое textarea
Либо отдельно в функции, либо внутри jsx
чтобы отлавливать value
——
const [row, setRow] = useState(1)
через useEffect например отслеживать стэйт
и в jsx
<textarea rows={row}></textarea>
источник

DC

Defina Corporation in React — русскоговорящее сообщество
Maxim Koylo
Ты главное дыши
Максим ))
Привет 😊
источник

И

Иван in React — русскоговорящее сообщество
Defina Corporation
Мне надо морально отдохнуть и успокоить свою нежную ранимую психику
(сарказм)
Не могу больше отвлекаться. Так что сорян, до новых встреч.
Тут есть люди гораздо умнее меня. 😉🙏🏻
Хорошего вечера.
Какой саркастичный молодой человек. До скорого 👋🏿
источник

И

Иван in React — русскоговорящее сообщество
Defina Corporation
Ну там ещё надо помоему textarea добавить
overflow: hidden;
И как-то отслеживать содержимое textarea
Либо отдельно в функции, либо внутри jsx
чтобы отлавливать value
——
const [row, setRow] = useState(1)
через useEffect например отслеживать стэйт
и в jsx
<textarea rows={row}></textarea>
О, снова здравствуйте
источник

DC

Defina Corporation in React — русскоговорящее сообщество
Иван
Какой саркастичный молодой человек. До скорого 👋🏿
мне тоже по приколу ваш юмор ))
Поднимает настроение.
Здравствуйте.
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
😐
источник

И

Иван in React — русскоговорящее сообщество
Qop
А нет готовых решения, чтобы добавление новых строчек блочилась? но она не блочится, а добавляется скролл просто. Сейчас использую autosize textarea
Нет, готового решения нет. И ты путаешь количество строк и количество символов, визуально помещающихся в одну ширину. Строки разделяются символами переноса строк, можно валидировать строку в onChange и запрещать добавление новых переносов при достижении конкретного количества. С количеством символов без переносов сложнее — нужно знать, сколько символов помещается в одной строке. И это количество может быть разным в зависимости от настроек пользователя.


В любом случае костыли и велосипеды. Задача какая? Скорее всего она решается как-то иначе, если её озвучить, можно получить совет.
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
Yaroslav Sh.
подскажите пожалуйста, писал на хуках, теперь нужно добавить санки, но как мне указать state reducer, если я его должен указать в createStore. как правильно сделать?
подскажите кто нить. может можно вообще как то добавить санки без redux, я хз
источник

DC

Defina Corporation in React — русскоговорящее сообщество
Иван
Нет, готового решения нет. И ты путаешь количество строк и количество символов, визуально помещающихся в одну ширину. Строки разделяются символами переноса строк, можно валидировать строку в onChange и запрещать добавление новых переносов при достижении конкретного количества. С количеством символов без переносов сложнее — нужно знать, сколько символов помещается в одной строке. И это количество может быть разным в зависимости от настроек пользователя.


В любом случае костыли и велосипеды. Задача какая? Скорее всего она решается как-то иначе, если её озвучить, можно получить совет.
Я ещё вешал событие онченж на кнопку интер.
Так прибавлялись строки.
И ещё можно отслеживать дэлет и бэкспейс.
источник

И

Иван in React — русскоговорящее сообщество
Yaroslav Sh.
подскажите пожалуйста, писал на хуках, теперь нужно добавить санки, но как мне указать state reducer, если я его должен указать в createStore. как правильно сделать?
Санки для редакса не работают без редакса. Они для редакса. Хук useReducer не имеет ничего общего с редаксом, кроме концепта. Ответ — никак. Ты можешь написать свои «санки» без редакса, для useReducer. Достаточно разобраться, что это и как оно работает.
источник

И

Иван in React — русскоговорящее сообщество
Defina Corporation
Я ещё вешал событие онченж на кнопку интер.
Так прибавлялись строки.
И ещё можно отслеживать дэлет и бэкспейс.
Молодец. Коллбэк onChange вызывается для любого типа ввода. Для бэкспейсов и энтера тоже
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
Иван
Санки для редакса не работают без редакса. Они для редакса. Хук useReducer не имеет ничего общего с редаксом, кроме концепта. Ответ — никак. Ты можешь написать свои «санки» без редакса, для useReducer. Достаточно разобраться, что это и как оно работает.
Понял, но я прикрепил скрин т.к. не понимаю как мне получить стейт создавая чанки и при этом создавать этот же стейт используя usereducer?
источник

И

Иван in React — русскоговорящее сообщество
Yaroslav Sh.
Понял, но я прикрепил скрин т.к. не понимаю как мне получить стейт создавая чанки и при этом создавать этот же стейт используя usereducer?
Я не понимаю, что ты имеешь в виду
источник

Q

Qop in React — русскоговорящее сообщество
Иван
Нет, готового решения нет. И ты путаешь количество строк и количество символов, визуально помещающихся в одну ширину. Строки разделяются символами переноса строк, можно валидировать строку в onChange и запрещать добавление новых переносов при достижении конкретного количества. С количеством символов без переносов сложнее — нужно знать, сколько символов помещается в одной строке. И это количество может быть разным в зависимости от настроек пользователя.


В любом случае костыли и велосипеды. Задача какая? Скорее всего она решается как-то иначе, если её озвучить, можно получить совет.
Да мне тоже не нравится данный подход. Хочу чтобы у textarea нельзя было превысить заданное количество row. Сейчас стоит maxRows= 4 и minRows=2 к примеру. С 2 до 4 у меня height динамически изменяется с помощью react-textarea-autosize . А вот запретить добавление более 4 строк, не знаю как. Думаю остается только отслеживать количество Row. Надеюсь доступно объяснил.
То есть просто запрет на новый row если row уже равен maxRow. А если row = maxRow, там следить что тыкает пользователь и если новый символ создает новую строчку, предотвратить это) как то так я себе алгоритм вижу
источник