@Mysianio
вайти в айти

Как изменить текст в html при помощи react?

Представим у нас есть какой-то дом элемент
Например:

<ul>
<li>Hello</li>
</ul>


Как поменять значение в li при помощью React js?

P.S. Сам понимаю, что до глупости легкий вопрос, но мозги просто встали
  • Вопрос задан
  • 2588 просмотров
Решения вопроса 1
@Mysianio Автор вопроса
вайти в айти
Если кто-то будет искать ответ здесь - просто через цикл пропишите в каждом li (например) onclick функцию, которая с помощью this.innerHTML будет менять текст
В моём случае он меняется через prompt
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@kova1ev
если компонент определен через функцию:
import React, { useState} from "react";

function App() {
  const [value, setValue] = useState("Hello");

  const handleClick = (e) => {
    setValue(prompt("введите значение", value))
  }

  return (
    <div className="App">
      <ul>
        <li onClick={handleClick}>{value}</li>
      </ul>  
    </div>
  );
}


если через класс, то используйте State и setState для изменения.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
24 апр. 2024, в 22:30
200000 руб./за проект
24 апр. 2024, в 22:11
2000 руб./за проект
24 апр. 2024, в 21:49
10000 руб./за проект