接收子组件中的所有道具

Question

是否可以接收子组件中传递的所有道具而无需逐个明确指定它们？例如：

const ParentComponent = () => {
  return <ChildComponent 
     prop1={"foo"}
     prop2={"bar"}
     prop3={"baz"}
  />
}

const ChildComponent = (props) => {
  return <input /*GIMME ALL PROPS HERE*/ />
}

Answer 1

使用扩展运算符 -

const ChildComponent = (props) => {
    return <input {...props} />
}

这会自动解释为 -

const ChildComponent = (props) => {
    return <input prop1={"foo"}
                  prop2={"bar"}
                  prop3={"baz"} />
}