@Norwood

Как вставить App() повторно на страницу?

Добрый день. Есть блок, который нужно вставить на страницу 5 раз. Я его сделал, но вот как вставить не знаю. Есть вариант в файле index.js написать 5 раз. Но это наверное не правильный вариант. Можете подсказать как это возможно сделать?

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

import './App.scss';
import {Button} from "./Button";

function App() {
  return (
    <div className="App">
      <div className="containerComponent">
        <div className="number">11</div>
        <Button/>
      </div>
    </div>
  );
}

export default App;
  • Вопрос задан
  • 62 просмотра
Решения вопроса 1
Born2Lose
@Born2Lose
Frontend developer
ReactDOM.render(
  <React.StrictMode>
    {Array.from({length: 5}, () => <App />)}
  </React.StrictMode>,
  document.getElementById('root')
);

^_^
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы