Можно ли передавать this propsами?

Question

[maksipes]

Вопрос о лучших практиках - хорошо ли так делать или не очень.

В мануалах обычно пишут так:

<SomeComponent
    data={this.state.data}
    onDataChange={this.updateData}
    onDataDelite={this.deliteData}
 />

Иногда в компонент приходится передавать много всего из-за чего запись становится сильно жирной.

Можно ли сделать так?

<SomeComponent that={this} />

И уже внутри компонента сделать так:

const {
    data,
    updateData,
    deliteData
} = this.props.that;

Или это не очень хорошая практика?

Answer 1

[Владимир Проскурин]

Не стоит. Вы должны четко указывать необходимые пропсы без передачи всяких больших объектов конфигов или spread оператора.
Это API компонента, и будет гораздо понятнее сразу в месте его вызова видеть все используемые компонентом поля. Пусть это выглядит более громоздко, но зато это легче читается.

Comments

[maksipes]

Звучит убедительно!

Answer 2

[nivaech]

Можно использовать spread-оператор
Посмотрите здесь.
https://riptutorial.com/reactjs/example/13689/pass...