Question

我想知道是否有办法在一个文件中包含一个React元素数组，然后将其导出到另一个带有props的文件中？有点像...

import MenuItem from 'material-ui/lib/menus/menu-item';


exports.menuItems = [
  <MenuItem primaryText='Make glue' onTouchTap={this.props.makeGlue}/>, //<-- I am guessing props cannot be passed like this???
  <MenuItem primaryText='Make more sticky glue'/>
]

...然后将menuItems作为另一个组件的子项导入另一个文件？我想将不同menuIems的各种数组保存在一个文件中，并根据需要将它们导入到其他文件中。有什么想法或想法吗？如果可能的话，我非常喜欢从单个文件中导出不同menuItem的服务器数组。

TIA！

Answer 1

只是制作一个能够完成你所说的内容的组件，你才能做得更好。请记住，组件只是功能，因此您可以传递道具。

import MenuItem from 'material-ui/lib/menus/menu-item';

export default ({ makeGlue }) => {
  return [
    <MenuItem primaryText='Make glue' onTouchTap={makeGlue} />,
    <MenuItem primaryText='Make more sticky glue'/>
  ]
}

无论哪种方式，此函数都会获取一些道具并以数组形式返回所需的组件。

使用React将数组导出为Component prop

1 个答案: