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

【问题标题】：Using Another js files class name in render function of another js file在另一个 js 文件的渲染函数中使用另一个 js 文件类名
【发布时间】：2021-08-20 17:55:48
【问题描述】：

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

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

如果我只使用菜单标签，我就不能像这样使用它了

【问题讨论】：

标签： reactjs react-component

【解决方案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" />
];

【讨论】：