gpt4 book ai didi

javascript - 如何解决问题 目前未启用对实验性语法 'classProperties' 的支持

转载 作者:行者123 更新时间:2023-11-30 19:38:38 26 4
gpt4 key购买 nike

当我尝试运行 react js 时出现此错误当前未启用对实验性语法“classProperties”的支持申请。

我正在尝试增加 <span> 中的值当我点击一个`

这是关于我的工作的代码片段...

 import React, {Component} from 'react';

export default class Test extends Component {

constructor(props) {
super(props);

this.state = {
counter: 0
}
}

handleClick = () =>{ //this is where it triggers the error mentioned above
this.setState((state) => ({counter: state.counter+1}));
}


render() {
return (
<div>
<span>{this.state.counter}</span>
<input type="button" value={this.props.value}
onClick={this.handleClick} />
</div>
);
}

}

但我收到此错误当前未启用对实验性语法“classProperties”的支持

有人可以帮帮我吗?

最佳答案

你必须小心 this 在 JSX 回调中的含义。在 JavaScript 中,默认情况下不绑定(bind)类方法。如果你忘记绑定(bind) this.handleClick 并将其传递给 onClick,那么在实际调用该函数时,this 将是未定义的,因此你需要在构造函数中编写以下代码

  constructor(props) {
super(props);

this.state = {
counter: 0
}
this.handleClick = this.handleClick.bind(this);
}

关于javascript - 如何解决问题 目前未启用对实验性语法 'classProperties' 的支持,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55665771/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com