react修改值的方法:1、打开相应的前端代码文件,获取标签上的参数;2、在方法调用的地方加一个bind指向;3、用bind改变this方向 ;4、使用state状态来修改值即可。

本教程操作环境:Windows10系统、react18版、Dell G3电脑。
react怎么修改值?
react 组件点击修改值 state
点击时改变标签上的值,但是在方法里是取不到this,那么首先要做的就是改变this
class Leo extends React.Component{
render(){
return (
//span获取标签上的参数
{this.props.a}
sadfsdf
)
}
show(){
console.log(this)//在方法里如果直接调用this;打印出来会为Null,所以我们要做的就是改变this,需要在方法调用的地方加一个bind指向
}
}
ReactDOM.render( ,app)用bind改变this方向
class Leo extends React.Component{
render(){
return (
//span获取标签上的参数
{this.props.a}
sadfsdf
)
}
show(){
console.log(this)//在方法里如果直接调用this;打印出来会为Null,所以我们要做的就是改变this,需要在方法调用的地方加一个bind指向
}
}
ReactDOM.render( ,app)
需求:修改this.props.a里的值

使用state 状态来修改值,需要用constructor去初始
tip:props 不能改变值,但state是可以改变的用setState
推荐学习:《react视频教程》










