声明式:
function Component({ name }: { name: string }) {
const [count, setCount] = useState(0)
return
{name} {count}
setCount(c => c + 1)} >+1
}
命令式:
function Component({ name }: { name: string }) {
let count = 0;
const div = document.createElement("div"),
p = document.createElement("p"),
button = document.createElement("button"),
update = () => (p.innerText = `${name} ${count}`);
update();
button.innerText = "+1";
button.addEventListener("click", () => {
count++;
update();
});
div.append(p, button);
return div;
}