reactjs - 我如何将以下代码转换为基于类的组件

Question

import React, { useEffect } from "react"
import { connect } from 'react-redux';
import { getAccounts} from '..//../actions/accounts';


const BillLines = (props) => {

  // componentDidMount() {
  //       props.getAccounts();
  //   }
  useEffect(() => {
        if(!props.fetched) {
            props.getAccounts();
        }
        console.log('mount it!');
    }, []);

  const { accounts } = props;

  console.log(accounts)


  let debitAccounts = accounts.length > 0
    && accounts.map((item, i) => {
    return (
      <option key={i} value={item.id}>{item.name}</option>
    )
  }, this);

  return (
    props.lines.map((val, idx) => {
      let debit_account = `debit_account-${idx}`, amount = `amount-${idx}`
      
        
        

如何在 react.js 中将以下代码转换为基于类的组件。为了想出一个可行的解决方案，我想首先看什么。请问有人帮忙吗？？

Answer 1

你可以查看这篇文章：

https://medium.com/@olinations/10-steps-to-convert-a-react-class-component-to-a-functional-component-with-hooks-ab198e0fa139

它展示了如何将类组件转换为功能组件......它将拥有您想要做的一切。（基本上你需要做相反的事情）