How to change text in html using react?

Question

HTML

Let's imagine we have some house element
For example:

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

How to change value in li using React js?
PS I myself understand that stupidly an easy question, but the brains just got up

Answer 1

if the component is defined via a function:

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>
  );
}

if via class then use State and setState to change.