将React类组件转换为功能组件

我有一个类组件,我想把它转换为功能组件。但我不知道具体怎么操作。

我的类组件

import moment from 'moment';
import Data from '../data';
import nextTime from '../next-time;

class TimesSingleView extends Component {
  constructor(props) {
    super(props);
    this.state = {
      Times: this.getTimes(),
      tomorrowsTimes: this.getTomorrowsTimes(),
    };
  }

  getTimes() {
    var _data = new Data();
    return _data.getTimes();
  }

  getTomorrowsTimes() {
    var date = moment()
      .add(1, 'days')
      .format('DD/MM/YYYY');
    var _data = new Data();
    return _data.getTimes(date);
  }

解决方案:

下面是我如何将你所展示的东西设置为功能组件。我使用了 useMemo 因为你没有显示出对状态值的任何修改,但你可以很容易地切换到useState来代替。

import React, { useMemo } from 'react';
import moment from 'moment';
import Data from '../data';
import nextTime from '../next-time;


const TimesSingleView = ()=>{
  const times = useMemo(()=>getTimes());
  const tomorrowsTimes = useMemo(()=>getTomorrowsTimes());
  // If you need to make changes to the times/ tomorrowsTimes, use them as state instead
  // const [times,setTimes] = useState(()=>getTimes());

}

function getTimes(){
  const data = new Data();
  return data.getTimes();
}

function getTomorrowsTimes() {
  const date = moment()
    .add(1, 'days')
    .format('DD/MM/YYYY');
  const _data = new Data();
  return _data.getTimes(date);
}

给TA打赏
共{{data.count}}人
人已打赏
未分类

counts'除法在完整的代码中不工作。

2022-9-8 10:27:17

未分类

有没有办法将文件的Icon转为Texture2D?

2022-9-8 10:27:19

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索