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

Question

I have one function like

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

I want to pass the data to this code so how I can convert this code as a function can anyone please help to pass in it

Answer 1

You are exporting a React.Component . Just make it a function so that you give it parameters that allow for passing arguments:

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