ReferenceError：在初始化之前无法访问“trainingID”

Question

我应该如何访问我的 componentDidMount 方法中的数据？我已经将“trainingID”发送到我的组件中

<AthleteRegisterForm trainingID={this.props.match.params.trainingID}/>

现在我在我的组件中这样引用它：

class AthleteRegisterForm extends React.Component {

    trainingID = this.props.trainingID;

    state = {
        training: {}
    }

    componentDidMount() {
    const trainingID = trainingID;
        axios.get(`http://127.0.0.1:8000/api/${trainingID}`)
            .then(res => {
                this.setState({
                    training: res.data
                });
            })
    }

trainingID = this.props.trainingID

在方法下我只是调用：

const trainingID = trainingID;

我应该改变什么？

Answer 1

您在初始化之前使用trainingID。它是正确的。您已在 componentDidMount 挂钩中使用 const 声明它并在类中使用。你想像这样使用它：

class AthleteRegisterForm extends React.Component {
  constructor(props) {
    // this is necessary to use it on componentDidMount
    super(props)
    //...
  }

  componentDidMount() {
    const trainingID = this.props.trainingID;