Не проходит проверка по пунктам
- Метод getDerivedStateFromProps должен возвращать объект
- Метод getDerivedStateFromProps должен возвращать объект со свойством name
- Свойство name результата вызова getDerivedStateFromProps должно равняться конкатенации свойств firstName и lastName c пробелом между ними
Объект со свойством name и строкой с пробелом создается, что видно из console.log, но проверка не проходит именно по этим пунктам
import React from 'react';
export default class NameRenderer extends React.Component {
constructor(props) {
super(props);
this.state = {
name: ''
}
};
static getDerivedStateFromProps(props, state) {
if(state.name !== props.name){
// изменяем состояние на основании свойства
state.name = props.firstName + " " + props.lastName
console.log(state)
return {
state
};
}
return null; // Не изменяем состояние
}
render() {
return (
<h1>{this.state.name}</h1>
)
}
}