0

Есть компонент, в котором один элемент кнопка, как можно добавить ещё 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;

1 ответ 1

2

Должен быть один родительский элемент, т.е. нужно все кнопки обернуть в тег 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;

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.