Как импортировать реквизиты в React Js с использованием компонентов (реагируют на крючки)

Question

У меня была эта проблема при импорте реквизитов в компоненте в ReactJs Хотя есть способ импортировать состояния в виде хуков при работе с функциями, но в случае компонентов this.props.state или props.state не работает

Answer 1

это - слово, зарезервированное для компонентов класса. Это означает, что вы не можете использовать его в хуках, потому что вы определяете не класс, а функциональный компонент. Если вы удивлены тем, что никогда не слышали о функциональном компоненте, я могу порекомендовать вам прочитать this

В функциональном компоненте вы используете реквизит и говорите следующее:

const Component = ({id, name, ...get props here}) => {

 //here i define a state and a function to set it 
 const [state1, setState1] = useState('');


 // I can use the setter of my "state" to modify my state1 value
 setState1('Hello');

 return(
    <div>{state1} : {id}</div> // will display Hello: 265 if id in props is 265
  );
}