在反应类上设置道具

Question

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

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>
  );
}