zephire

Я бы сделал opacity: 0 по opacity: 1, предварительно добавив css свойство блоку pointer-events: none; чтобы не реагировал на нажатие при opacity: 0, После того как будет opacity: 1 уже вернуть pointer-events: pointer-events: all;

Попробуйте блоку в который вы выводите задать данное css свойство white-space: pre-wrap;

Возможно выйдет вот так

const [blocks, setBlocks] = useState({});

  if (name === "courses") {
    setBlocks(dataCourse);
  }
  if (name === "tasks") {
    setBlocks(dataTask);
  }
  if (name === "meetings") {
    setBlocks(dataMeeting);
  }

  if (props.params !== undefined) {
    const params = props.params.split("_")[1];     //  props.params = "courses_0"
    const fel = bigData.filter((a) => a.id_course === params);    //  {id_course: 0}
    setBlocks(fel)
  }

  console.log(blocks)

Здравствуйте, в начале цикла на первой строчке просто добавите проверку
if (i > 2) continue;

Привет, возможно эта статья сможет тебе помочь с этой проблемой)
https://www.beyondjava.net/how-to-connect-html-ele...