代码之家 › 专栏 › 技术社区 › Shawn Matthews

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

react-props redux-form redux ecmascript-6 reactjs

1

Shawn Matthews · 技术社区 · 8 年前

是否有方法将命名和未命名参数传递给相同的无状态组件。

例如。。。。

这是可行的。

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

1 回复 | 直到 8 年前

1

2

Josh Kelley 8 年前

你应该能够做到这一点。

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开发中完成)。