如何在 React 中將經典組件轉換為功能組件

Question

請建議如何使用react js在功能組件中編寫constructor函數......因為我計划將類組件轉換為功能組件......任何人都可以幫忙

import React, { Component } from "react";
class Example extends Component {
  constructor(props) {
    super(props);
    this.state = {
      users: []
    };
  }
  componentDidMount() {
    axios
      .get("https://www.example.com/users/id")
      .then(response => {
        this.setState({ descriptions: response.data });
        // console.log(response.data)
      })
      .catch(error => {
        console.log(error);
      });
  }
  render() {
    const { users } = this.state;
    return <div>Data</div>;
  }
}
export default Example;

Answer 1

為了在功能組件中使用狀態或生命周期方法，您應該使用 React Hooks

import React, { useState, useEffect } from 'react';

const Example =() => {
 const [users, setUsers] = useState([])
 useEffect(()=> {
    axios.get("https://www.example.com/users/id")
            .then(response => {
               // use setState hook here
                // console.log(response.data)
            })
            .catch(error => {
                console.log(error)
            })
 }, [])   

 return (
            <div>
              Data
            </div>
         )
}
export default Example