Телеграмм чат группы react

2020 October 14

N

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

здарвствуйте , есть стэйт:

    const [state, setState] = useState({
        fullname: '',
        phone: '',
        isDialogOpened: false,
        workers: [],
    })

есть функция при изменения текста

    const handleChange = (e, field) => {
        setState(state => ({ ...state, [field]: e.target.value }))
    }

есть m-ui textfield где применяется данная функция

                <Grid item md={5}>
                            <TextField
                            label="ФИО работника"
                            variant="outlined"
                            fullWidth="true"
                            value={props.state.fullname}
              onChange={(e)=>props.handleChange(e,"fullname")}  
            />
                </Grid>

проблема в том что при печатании текста возникает ошибка can not find value of null ,хотя в дебаггере первые две буквы печатаются нормально

источник

09:55пожаловаться #1

PP

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

Nuruddin

здарвствуйте , есть стэйт:

    const [state, setState] = useState({
        fullname: '',
        phone: '',
        isDialogOpened: false,
        workers: [],
    })

есть функция при изменения текста

    const handleChange = (e, field) => {
        setState(state => ({ ...state, [field]: e.target.value }))
    }

есть m-ui textfield где применяется данная функция

                <Grid item md={5}>
                            <TextField
                            label="ФИО работника"
                            variant="outlined"
                            fullWidth="true"
                            value={props.state.fullname}
              onChange={(e)=>props.handleChange(e,"fullname")}  
            />
                </Grid>

проблема в том что при печатании текста возникает ошибка can not find value of null ,хотя в дебаггере первые две буквы печатаются нормально

Попробуйте в TextField добавить name="fullname", в onChange передавать только props.handleChange и в нем из event вытягивать e.target.name и e.target.value

источник

09:59пожаловаться #2

K

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

Айдана

А разве он не должен был обновиться до отображения при первом рендере?

Проверочку сделайте на null, по типу currentWeather.length !== 0 ? Something true : null

источник

10:00пожаловаться #3

K

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

Если длина не равна 0, то рендерте результаты

источник

10:00пожаловаться #4

А

Айдана in React — русскоговорящее сообщество

Kaz

Проверочку сделайте на null, по типу currentWeather.length !== 0 ? Something true : null

Хорошо. Спасибо всем!

источник

10:01пожаловаться #5

K

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

Айдана

Хорошо. Спасибо всем!

Естественно лучше в return это сделать в тернарке, но на ваше усмотрение

источник

10:01пожаловаться #6

I

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

Айдана

А разве он не должен был обновиться до отображения при первом рендере?

почему? что тогда должно быть до отображения?

источник

10:03пожаловаться #7

N

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

Pavel Pytliuk

Попробуйте в TextField добавить name="fullname", в onChange передавать только props.handleChange и в нем из event вытягивать e.target.name и e.target.value

сделал , все равно на третьей букве захлебывается

TypeError: Cannot read property 'name' of null
(anonymous function)
C:/Users/sg772/Documents/together.fornt/together.frontend/src/HelperWorkplace/FundWorkerks/FundWorkersContainer.js:14
  11 |     workers: [],
  12 | })
  13 | const handleChange = (e) => {
> 14 |     setState(state => ({ ...state, [e.target.name]: e.target.value }))
     | ^  15 | }

источник

10:05пожаловаться #8

PP

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

Nuruddin

сделал , все равно на третьей букве захлебывается

TypeError: Cannot read property 'name' of null
(anonymous function)
C:/Users/sg772/Documents/together.fornt/together.frontend/src/HelperWorkplace/FundWorkerks/FundWorkersContainer.js:14
  11 |     workers: [],
  12 | })
  13 | const handleChange = (e) => {
> 14 |     setState(state => ({ ...state, [e.target.name]: e.target.value }))
     | ^  15 | }

В каком-то месте апки в функцию handleChange пропсы не передаются, сделайте проверку на event в ней

источник

10:08пожаловаться #9

Е

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

ребят, привет, такая ситуация:
есть какая-то ошибка, которая воспроизводится только на айфонах, я ищу способ вывести эту ошибку в терминал, где запускаю npm run dev, потому что на телефоне обычный консоль лог я никак не посмотрю, есть у кого идеи, как вывести ошибку в терминал?

источник

10:08пожаловаться #10

VK

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

Егорка

ребят, привет, такая ситуация:
есть какая-то ошибка, которая воспроизводится только на айфонах, я ищу способ вывести эту ошибку в терминал, где запускаю npm run dev, потому что на телефоне обычный консоль лог я никак не посмотрю, есть у кого идеи, как вывести ошибку в терминал?

Можно дебажить в хроме через телефон

источник

10:08пожаловаться #11

Е

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

Там данная ошибка не повторяется, только через айфон сафари

источник

10:09пожаловаться #12

N

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

Pavel Pytliuk

В каком-то месте апки в функцию handleChange пропсы не передаются, сделайте проверку на event в ней