Блог

Я использую в собственном функциональном компоненте react, и при изменении состояния, похоже, не обновляется «имя».

Я регистрирую новое состояние консоли с помощью useEffect, чтобы проверить, обновлено ли состояние, и оно возвращается неопределенным, как если бы входной текст никогда не был задан в качестве состояния «имя».

 function AddTask ()  {
    
    const [name, setName] = useState('');
  
    useEffect(() => {
        console.log(name),name;
        
    })

    const updateTaskInfo = event => setName(event.target.value);
    
        return (
             <TextInput
                  onChange={updateTaskInfo}
                  placeholder="Name"
                  value={name}
             />
 );
}

export default AddTask;
 

используйте onChange так event.nativeEvent.target.value

 <TextInput onChange={ event => setName(event.nativeEvent.target.value) } />
 

или использовать onChangeText так

 <TextInput onChangeText ={ value => setName(value ) } />