React componentDidMount不显示axios响应

Question

我有React组件RandomQouteMachine，应该从提供的URL获得响应并将其显示在页面上。我看不到回复。调试“是否安装了组件？” 消息也丢失了..

import React, { Component } from 'react';
import axios from 'axios'; 
lass RandomQouteMachine extends Component {
  constructor(props) {
    super(props);

    this.state = {
      data: ""
    };    
  }

  componenetDidMount() {
    console.log('Did component mount ?');
    axios.get('https://api.icndb.com/jokes/random')
      .then((res) => {       
        this.setState({data:res.value.joke});
      })

  }
  render() {
    return (
      <div>
        Here it is:
      {this.state.data}
      </div>
    );
  }
}

export default RandomQouteMachine;

我是否正确使用componenetDidMount（）？我只能在页面上看到“这里是：”

Answer 1

检查您的拼写。

componenetDidMount！== componentDidMount