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

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