Question

例如，我有这些组件

FnOnce

type Closure1 = Box<Fn() -> ()>; type Closure2 = Box<Fn() -> Closure1>; fn closure_container() -> Closure2 { let a: Vec<usize> = Vec::new(); let closure2: Closure2 = Box::new(move || { let b = a.clone(); let closure1 = move || { println!("{:?}", b) }; Box::new(closure1) }); closure2 }

first.js

然后我有一个具有此功能的组件

<div>
   <Route path='/' />
   <Route path='/first' />
</div>

我正在使用React-Router，如果second.js的子组件不是<div> <Route path='/second' /> <Redirect to='/something' /> </div>，则无法正常工作。那么，如何从第一个和第二个组件中删除这些div，只剩下路线呢？

Answer 1

您可以将它们包装成这样的片段：

<React.Fragment>
  <Route path='/' />
  <Route path='/first' />
</React.Fragment>

Answer 2

您可以将它们返回为数组：

return [
  <Route path='/' key='root' />,
  <Route path='/first' key='first' />
]

注意：返回数组是提供关键道具所必需的。

如何仅导入或使用子组件？

2 个答案: