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

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