React native 类到函数组件

我是个新来的本地人。我正在开发的应用程序具有功能组件

有没有办法将类组件转换为函数组件或将此类转换为函数

是否可以在单个应用程序中同时使用功能组件和类组件

从“React”导入React；
从“react day picker”导入DayPicker，{DateUtils}；
导入'react day picker/lib/style.css'；
导出默认类示例扩展了React.Component{
建造师（道具）{
超级（道具）；
this.handleDayClick=this.handleDayClick.bind（this）；
此.state={
选定日期：[]，
};
}
handleDayClick（天，{所选}）{
const{selectedDays}=this.state；
如果（选定）{
const selectedIndex=selectedDays.findIndex（selectedDay=>
DateUtils.isSameDay（选择日期，天）
);
selectedDays.拼接（selectedIndex，1）；
}否则{
选择日期。推送（天）；
}
this.setState（{selectedDays}）；
}
render（）{
返回(
);
}
}

是的，您可以同时使用函数组件和类组件

    import React, {useState} from "react";
    import DayPicker, { DateUtils } from 'react-day-picker';
    import 'react-day-picker/lib/style.css';

    export default function Example(props = {}) { 

       // read about useState hooks, it replace state 
      const [selectedDays, setSelectedDays] = useState([]);


      handleDayClick(day, { selected }) {

        if (selected) {
          const selectedIndex = selectedDays.findIndex(selectedDay =>
            DateUtils.isSameDay(selectedDay, day)
          );
          selectedDays.splice(selectedIndex, 1);
        } else {
          selectedDays.push(day);
        }
        setSelectedDays( selectedDays );
      }

      render() {
        return (
          <div>
            <DayPicker
              selectedDays={ selectedDays}
              onDayClick={handleDayClick}
            />
          </div>
        );
      }
    }

import React，{useState}来自“React”；
从“react day picker”导入DayPicker，{DateUtils}；
导入'react day picker/lib/style.css'；
导出默认函数示例（props={}）{
//了解useState钩子，它将替换状态
const[selectedDays，setSelectedDays]=useState（[]）；
handleDayClick（天，{所选}）{
如果（选定）{
const selectedIndex=selectedDays.findIndex（selectedDay=>
DateUtils.isSameDay（选择日期，天）
);
selectedDays.拼接（selectedIndex，1）；
}否则{
选择日期。推送（天）；
}
设置选定日期（选定日期）；
}
render（）{
返回(
);
}
}

语法错误---handleDayClick（day，{selected}）{是的……但是我有一些类组件的代码，你能在函数组件中转换它吗？？？@Alainlb