javascript - 为什么我不能在这个方法中调用 Prop ？ ( react )

Question

我的代码块如下:

class Buerger extends React.Component {
  constructor() {
    super();
    this.gehaltHandler = this.gehaltChange.bind(this)
  }
  render() {

    return(
      <div style={{textAlign:"right", marginTop:'-103', marginRight:'900px'}}>
        <Anzeige stand = {"Bargeld: " + this.props.stand}/>
        <Arbeit gehalt = {this.props.gehalt} gehaltChange = {this.gehaltChange} arbeitenFunc = {this.props.arbeitenFunc}/>
      </div>
   )
  }

  gehaltChange(inputWert) {
   const test = this.props.gehalt
    alert(test)
  }

所以我从父类传递 Prop “gehalt”，你可以看到我再次将它传递给名为“Arbeit”的子类的子类。

Funktion gehaltChange 正在使用警报(“点击”)进行检查，但使用此代码我得到“无法读取未定义的属性‘props’”。

将 gehalt 传递给“Arbeit”也有效，因为我已经将它作为按钮名称进行了测试，它显示正确的值没问题。

我不明白。有人看到我做错了什么吗？是不是我不能把之前传过的 Prop 传过去，同时使用？如果有任何帮助，我将不胜感激。

Answer 1

因为您需要将 props 传递给构造函数，并用它们调用 super。

class Buerger extends React.Component {
  constructor(props) {
    super(props);
    this.gehaltHandler = this.gehaltChange.bind(this)
  }