Javascript ReactJS this.props不显示

我在一个按钮上设置了一个简单的属性，并试图在DOM中显示它。。。我不明白我做错了什么。我看到

点击我！当前数字是

，但不是，单击我！当前数字为1。我一定错过了什么？没有错误

class TestElement extends Component {
    render(){
        return (
            <div>
                <Header />
                <div>
                    <button currentNumber={1}>Click Me! Current numer is {this.props.currentNumber}</button>
                </div>
                <Footer />
            </div>
        );
    }
}

class TestElement扩展组件{
render（）{
返回(
单击我！当前编号为{this.props.currentNumber}
);
}
}

React将道具发送到整个链条。在

TestElement.render（）

中，

此.props

指传递给

TestElement

的任何属性，例如：

class TestElement extends Component {
    render () {
        return (
            <span>My Name Is {this.props.name}</span>
        );
    }
}

---

React将道具沿链条向下传送。在

TestElement.render（）

中，

此.props

指传递给

TestElement

的任何属性，例如：

class TestElement extends Component {
    render () {
        return (
            <span>My Name Is {this.props.name}</span>
        );
    }
}

---

此.props

是为您正在定义的组件实例设置的<代码>此引用类的实例

在本例中，

this.props

指的是

TestElement

的某些实例的props

如果要使用传递给按钮组件的道具，必须将其定义为子组件

class Button extends Component {
  render() {
    return (
      <button ...this.props>{this.props.currentNumber}</button>
    );
  }
}

<Button currentNumber={1} />

class按钮扩展组件{
render（）{
返回(
{this.props.currentNumber}
);
}
}

然后改为使用此组件的实例

class Button extends Component {
  render() {
    return (
      <button ...this.props>{this.props.currentNumber}</button>
    );
  }
}

<Button currentNumber={1} />

---

此.props

是为您正在定义的组件实例设置的<代码>此引用类的实例

在本例中，

this.props

指的是

TestElement

的某些实例的props

如果要使用传递给按钮组件的道具，必须将其定义为子组件

class Button extends Component {
  render() {
    return (
      <button ...this.props>{this.props.currentNumber}</button>
    );
  }
}

<Button currentNumber={1} />

class按钮扩展组件{
render（）{
返回(
{this.props.currentNumber}
);
}
}

然后改为使用此组件的实例

class Button extends Component {
  render() {
    return (
      <button ...this.props>{this.props.currentNumber}</button>
    );
  }
}

<Button currentNumber={1} />

因此我需要将按钮分解为它自己的单个组件。然后用元素上的属性和值导入它。如果你想有一个自定义按钮，根据它的属性提供内容，是的：）没问题。我添加了一个（未测试的）示例，所以我需要将按钮分解为它自己的单个组件。然后用元素上的属性和值导入它。如果你想有一个自定义按钮，根据它的属性提供内容，是的：）没问题。我添加了一个（未经测试的）示例。这不是React的工作方式，请这不是React的工作方式，请