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

时间:2021-06-02 14:45:28

标签: reactjs react-component

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

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

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

1 个答案:

答案 0 :(得分:0)

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

例如:

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" />
];