Путаница в реквизите и состояние в РЕАКТ js

Question

Просто задайте простой вопрос. У меня есть 2 класса, класс AExample и BExample. Итак, теперь я создаю экземпляр класса BExample в секции рендеринга класса AExample. Я добавил этот код в классе A в разделе рендеринга.

<BExample
state= {this.state}
/>

Итак, в классе BExample, когда я пытаюсь

console.log(props);

В значении реквизита, Im получает значения состояния. Теперь проблема в том, что я в замешательстве, будь то состояние BExample или AExample? Ребята, какое значение представляет государство? Если да, то почему это так?

Answer 1

См. state из AExample теперь устанавливается как реквизит с именем state для компонента BExample.

Любая реквизит для компонента как атрибут называется реквизитом. к присоединенному компоненту в реакции.

Итак,

<BExample
state= {this.state}
/>

в приведенном выше примере {this.state} - это состояние AExample, но state - это опора BExample , Вот почему, когда вы регистрируете props, это показывает, что значение состояния AExample.

Answer 2

В ReactJS состояние родительского компонента становится реквизитом дочернего компонента.

Итак, в компоненте A вы передаете 'A's State' 'B' component.

Для B сейчас props. Так, в B, если вы будете console.log(props), вы получите значение 'A's State'.

https://reactjs.org/docs/components-and-props.html