Question

我使用的是第三方组件我有两个名为Parent和Child的类。在Parent组件中，我使用第三方组件接受类名作为道具并自行呈现所以父组件看起来像这样：

render(){
  return (
    <div className="section">
      <Select
        placeholder={placeholder}
        valueComponent={Child}
      />
    </div>
  );

我想要做的是将一些道具传递给Child组件，但我总是这样做<Child someProp="prop"/>。
有没有办法以这种方式将道具传递给Child组件？

Answer 1

我不知道Select库是否提供了这样做的方法。如果你总是使用包装器组件：

// Create a child wrapper component and pass it to Select.
function ChildWrapper(props) {
  return <Child {...props} someProp="prop" />;
}

render(){
  return (
    <div className="section">
      <Select
        placeholder={placeholder}
        valueComponent={ChildWrapper}
      />
    </div>
  );
}

在反应类上设置道具

1 个答案: