Я пытаюсь установить состояние с помощью React-хука setState(), используя реквизиты, которые получает компонент. Я пытался использовать следующий код:
import React,{useState , useEffect} from 'react';
const Persons = (props) => {
// console.log(props.name);
const [nameState , setNameState] = useState(props)
console.log(nameState.name);
console.log(props.name);
return (
<div>
<p>My name is {props.name} and my age is {props.age}</p>
<p>My profession is {props.profession}</p>
</div>
)
}
export default Persons;
Проблема в том, что состояние устанавливается при загрузке компонента. Но когда он получает новые реквизиты, состояние не обновляется. Как обновить состояние в этом случае? Заранее спасибо.