将命名和未命名的参数传递给无状态组件

Question

有没有办法将命名和未命名参数传递给同一个无状态组件。

所以......

这有效。

const renderSoftwareForm = ({ fields, meta: { error, submitFailed } }) => ( 
<div>sample</div>
);

这很有效

const renderSoftwareForm = (props) => ( 
<div>sample</div>
);

但我还有参数，除了父母的道具，还需要传递....

是否有一种语法允许更像这样的东西？

const renderSoftwareForm = (props, { fields, meta: { error, submitFailed } }) => ( 
<div>sample</div> 
);

Answer 1

你应该能够做到这一点。

const renderSoftwareForm = ({ fields, meta: { error, submitFailed }, ...props }) => ( 
<div>sample</div>
);

这显式处理fields和meta属性，未明确处理的任何属性都是props对象的一部分。

这需要object rest spread support，它还不是JavaScript标准的一部分，但需要can be enabled via Babel plugin（这通常在React开发中完成）。