主页 / 问题 / 1422519
Accepted
Виктория
Asked:2022-08-21 21:28:40 +0800 CST2022-08-21 21:28:40 +0800 CST

React 如何将许多对象添加到组件中

  • 772

有一个组件，其中一个元素是一个按钮，如何添加另一个 Button，我尝试通过添加更多 Button 按钮来添加，但如果我这样做会出错

    const App = (): JSX.Element =>{ <Button variant="contained">test button</Button>
            <Button variant="contained">test button</Button>
    <Button variant="contained">test button</Button>
    <Button variant="contained">test button</Button>
}

源组件

 import React from 'react';
 import { Button } from '@mui/material';

 const App = (): JSX.Element => <Button variant="contained">test button</Button>;

 export default App;
reactjs react-native

1 个回答

  1. Best Answer

    必须有一个父元素，即 您需要将所有按钮包装在 div 标签或 <>...</> 中，如下所示：

    import React from 'react';
import { Button } from '@mui/material';

const App = (): JSX.Element =>{
    
      return ( 
        <>
        <Button variant="contained">test button</Button>
        <Button variant="contained">test button</Button>
        <Button variant="contained">test button</Button>
        <Button variant="contained">test button</Button>
        </>
      )
  }
  
  export default App;

    • 2

相关问题