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;

我是否正确使用componentsnetDidMount（）？我只能看到'这里是：'显示在页面上

Answer 1

检查你的拼写。

componentsnetDidMount！== componentDidMount

React componentDidMount不显示axios响应

1 个答案: