javascript - 如何合并状态和 Prop ，然后将它们作为 Prop 传递？

Question

我正在尝试制作将 props 和 state 组合在一起的组件，以便实际 View 只需要担心从 props 获取数据。在下面的代码中，我尝试使用传播运算符(可能不正确)

class CombinePropsWithStateComponent extends React.Component {
    ...snip...
    render() {
        return(<View {...props, this.state}/>);
    }
}

Answer 1

我认为您不能使用扩展运算符来组合 <View /> 中的对象.尽管它有点像 ES2015 传播运算符，但它很难连接到 React 和 JSX，并且只允许 ...foo 这是一个作为 props 传输的对象。如果它是一个“真正的”扩展运算符，则正确的语法应该是带有双花括号的 {{...this.props, ...this.state}}。

您可以先尝试组合 props 和 state，然后传递新对象:

render() {
    const newProps = {...this.props, ...this.state}
    return(<View {...newProps} />)
}

按照这个逻辑<View {...{...this.props, ...this.state}}应该也能正常工作，但我目前无法对此进行测试。