Reactjs 反应：防止类'；s状态变化

我是新来的

我有一个基于类的组件。假设其中的代码是：

state = {message: "Hello"}

render(){
<div>  
   <p>this.state.message</p>
   <button onclick={() =>this.setState({message: "World"})}>click here</button>
</div>
}

state={message:“Hello”}
render（）{
这个.state.message

this.setState（{message:“World”}}>单击此处
}

当我点击按钮时，屏幕上的显示从“Hello”变为“World”，但随后页面刷新，显示再次变回默认的“Hello”

如何防止自动刷新？我希望我的页面在按下按钮后显示“世界”

非常感谢您的帮助。

元素的默认行为是提交页面（或它所在的表单），从而触发刷新

要避免这种情况，请将其类型设置为

按钮

：

<button type="button" onclick={() =>this.setState({message: "World"})}>click here</button>

this.setState（{message:“World”}}>单击此处

您应该将

按钮类型添加到控件中，因为默认情况下，该按钮类型设置为
submit
，这会导致页面刷新

<button type="button" onclick={() =>this.setState({message: "World"})}>click here</button>

this.setState（{message:“World”}}>单击此处

，最好不要问“原因可能是什么”并用最少的代码复制导致不希望出现的行为。如果按钮在
表单
元素中呈现，则默认情况下（
type=“submit”
）它将在单击时提交表单。这里需要更多上下文。您提供的代码无需刷新即可正常工作。请共享您的主代码，以便我们跟踪问题所在