React componentDidMount 不显示 axios 响应

Question

我有 React 组件 RandomQouteMachine，它应该从提供的 URL 获得响应并将其显示在页面上。我没有看到显示的响应。调试 'Did component mount ?' 消息也丢失了..

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()？我只能看到 'Here it is:' 显示在页面

上

Answer 1

检查你的拼写。

componenetDidMount !== componentDidMount

React componentDidMount 不显示 axios 响应

React componentDidMount does not show axios response

reactjs

axios