Is it possible to pass this props?

Question

React

The question of best practices is whether it is good to do so or not.
Manuals usually write like this:

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

Sometimes you have to pass a lot of things to the component, which makes the entry very bold.
Is it possible to do so? And inside the component, do this:
<SomeComponent that={this} />

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

Or is it not good practice?

Answer 1

Not worth it. You should clearly specify the required props without passing any large config object or spread operator.
This is the API of the component, and it will be much clearer to immediately see all the fields used by the component at the place of its call. Let it look more cumbersome, but it is easier to read.

Answer 2

You can use the spread operator
Look here.
https://riptutorial.com/reactjs/example/13689/pass...