如何在导出默认值中传递值

Question

我有一个像

这样的功能

    export default (
  <Route name="App" path="/" handler={App}>
    <NotFoundRoute handler={require('./pages/PageNotFound')} />
    <Route handler={TaskList} data={data} >
    </Route>
    {data.map(task =>
              <Route name={task.PageName}  handler={require(task.PageUrl)}>
             </Route>
          )}

  </Route>
);

我想将数据传递给这段代码，所以我如何将这段代码转换为函数，谁能帮忙传递进去

Answer 1

您正在导出 React.Component。只需将其设为一个函数，以便为其提供允许传递参数的参数：

export default (data =>
//              ^^^^^^^
  <Route name="App" path="/" handler={App}>
    <NotFoundRoute handler={require('./pages/PageNotFound')} />
    <Route handler={TaskList} data={data}>
    </Route>
    { data.map(task =>
        <Route name={task.PageName} handler={require(task.PageUrl)}>
        </Route>
    ) }
  </Route>
);

如何在导出默认值中传递值

How to pass Value in export default

javascript

node.js

ecmascript-6

react-jsx