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

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, which isn't yet part of the JavaScript standard, but can be enabled via Babel plugin（这在 React 开发中很常见）。