Я вижу, что «prop1, prop2, prop3» повторяются здесь несколько раз. Я думаю, что идея состоит в том, чтобы иметь такой эффект без фактического копирования / вставки списков аргументов каждый раз.
ю, что вы можете передать все реквизиты реагирующих компонентов его дочернему компоненту следующим образом:
const ParentComponent = () => (
<div>
<h1>Parent Component</h1>
<ChildComponent {...this.props} />
</div>
)
Но как же тогда получить эти реквизиты, если дочерний компонент не имеет состояния? Я знаю, если это компонент класса, вы можете просто получить к ним доступ какthis.prop.whatever, но что вы передаете в качестве аргумента в компонент без состояния?
const ChildComponent = ({ *what goes here?* }) => (
<div>
<h1>Child Component</h1>
</div>
)