Что такое useState в React? - PullRequest
Новая
       6

Что такое useState в React?

0 голосов
/ 07 марта 2019

Я изучал React и наткнулся на это «useState».

Каковы плюсы и минусы использования этого вместо класса с государством?

Может ли он заменить другие крюки жизненного цикла? как componentDidMount, componentDidUpdate и т. д.?

1 Ответ

2 голосов
/ 07 марта 2019

UseState был выпущен как часть реагирующих хуков. По сути, с введением хуков вы больше не будете вынуждены использовать классы только для того, чтобы иметь возможность использовать основные функции реагирования, такие как состояние. Теперь вы можете управлять состоянием, используя функциональный компонент.

При нажатии состояние будет изменено на Джимми.

И да, вы можете получить доступ к prevState и выполнять вызовы API. 

const User = () => {
  const [userInfo, setUserInfo] = React.useState({ 
    firstName: 'John', lastName: 'Doe',
  });

  return (
    <div>
      <p>userInfo: {JSON.stringify(userInfo)}</p>
      <button onClick={() => setUserInfo({ firstName: 'Jimmy' })}>Update name to Jimmy</button>
    </div>
  );
}
...