在另一个js文件的渲染函数中使用另一个js文件类名

Question

我有两个文件 App.js 和 MenuComponent.js 。 MenuComponent 有一个 Menu 类，我想在 App.js 文件的渲染函数返回语句中使用该类。

render(){
return(
<div> Arun </div>
<Menu />
);
}

如果我只使用它的 Menu 标签，我就不能这样使用

Answer 1

您需要返回单个子项或子项数组

例如：

return (
  <>
    <div> Arun </div>
    <Menu />
  </>
);

或等价物

return (
  <React.Fragment>
    <div> Arun </div>
    <Menu />
  </React.Fragment>
);

或者有一个孩子的数组

return [
  <div key="unique-key-1"> Arun </div>,
  <Menu key="unique-key-2" />
];