Реагировать на методы жизненного цикла
Я какое-то время реагирую и знаком с некоторыми методами жизненного цикла, но не очень знаком с другими.
например didMount явно предназначен для запросов ajax или вызова данных из api, а затем загрузки их в приложение.
Думаю, я победил shouldComponentUpdate и понял, что он нужен исключительно для повышения производительности.
но static getDerivedStateFromProps я не могу понять. это для производительности или это добавляет что-то еще к приложению?
а также componentDidUpdate, это снова для производительности или где хороший пример, где я могу их использовать?
очевидно, что некоторые методы необходимы для выполнения действий и реальных запросов. очевидно, что некоторые из них предназначены для повышения производительности и т. д. просто хотели бы получить некоторый контекст вокруг didUpdate и getDerived
Благодарность
читайте первое, а не второе. ваше здоровье.
Ответы 2
Вы можете понять хуки жизненного цикла в реакции через этот блог: https://medium.com/@baphemot/understanding-reactjs-component-life-cycle-823a640b3e8d
Методы жизненного цикла, позволяющие запускать код в определенные моменты процесса.
componentDidMount () вызывается сразу после того, как компонент вставлен в дерево, мы обычно используем его для выполнения запросов API.
Использование React Hooks
useEffect(() => {
makeApiRequest()
}, [])
componentDidUpdate () вызывается сразу после обновления (в состоянии или свойствах). Этот метод не вызывается для первоначального рендеринга. Инициализация, для которой требуются узлы DOM, должна происходить здесь. Если вам нужно загрузить данные с удаленной конечной точки, это хорошее место для создания экземпляра сетевого запроса.
Использование React Hooks
useEffect(() => {
doYourStuff()
})
The difference between componentDidUpdate and the Hook above that the Hook will be called in the initial render also. There is no 100% alternative to the componentDidUpdate() method.
componentWillUnmount () вызывается непосредственно перед размонтированием и уничтожением компонента. Выполните любую необходимую очистку с помощью этого метода, например, сделайте недействительными таймеры, отмените сетевые запросы или очистите все подписки.
Использование React Hooks
useEffect(() => {
return () => {
cleanUp()
}
})
getDerivedStateFromProps () вызывается прямо перед вызовом метода рендеринга как при первоначальном монтировании, так и при последующих обновлениях. Он должен возвращать объект для обновления состояния или null, чтобы ничего не обновлять.
Подробнее -> Жизненный цикл ReactРеагировать на хуки
Вы читали reactjs.org/docs/react-component.html и reactjs.org/blog/2018/03/27/update-on-async-rendering.html?