在我的小项目中，我试图显示一个字符串，当我在NextJs项目中按下按钮时，它会发生变化。
我正在尝试的代码看起来像那个atm：
'use client'
import { useState } from 'react'
export default function Home() {
const [ currWord, setCurrWord ] = useState<string>("none");
return (
...
<p>{currWord}</p>
...
<button onClick={() => setCurrWord("changed")}>change</button>
...
)
}如果我按下按钮，网站，因此字符串，根本不会改变。当它是一个数字时也会发生同样的事情。最初我试图在按钮点击上运行一个函数，最终设置该单词。但它甚至不像这样对我工作，我有点想知道为什么，因为我看不出与我找到的大多数例子有什么不同。
编辑1：由于可能相关：我在VSCode 1.76.2上运行我的代码，使用NextjS 13与新的应用程序文件夹和Typescript V 5.1.0（也用V 4.6.3测试）
1条答案
按热度按时间e5nqia271#
我采用了你的代码，只是在返回的视图周围添加了一个react片段，它工作得很好。
试试看然后告诉我。