Question

要么我应该将我要传输的所有数据连接到一个对象并将其作为单个道具发送，或者将它们作为单独的道具单独转移？

让我们假设，我有10个道具：

2个小json数组，

5个整数

3个字符串。

在子组件中，我将在某些函数中使用它来呈现正确的数据。我会有50到1000个像这样的子组件

Answer 1

我认为在这种情况下最好的方法（最干净的方法）是使用spread attributes。效率没有差别。

var props = {};
props.foo = x;
props.bar = y;
var component = <Component {...props} />;

Answer 2

var app = React.createClass({
    render() {
        var data = {
             array1: this.props.array1,
             array2: this.props.array2,
             interger1: this.props.int1,
             etc etc..
        }
        return (
            <component2 data={data} />
        )
    }
})

在ReactJS中将几个道具从组件转移到其子项的最有效方法是什么？

2 个答案: