Question

我试图将使用“类”创建的该组件传递给“箭头功能”，但是我是React和JavaScript的新手，所以我仍然无法获得它，有人可以帮助我吗？

const cookies = new Cookies();
 class Index extends React.Component {

  constructor(props) {
   super(props);
   this.state = {
    token: cookies.get('token') || null
   }
  }
 }

Answer 1

React中有2种类型的组件 1.基于类的组件和2.功能组件您可以使用箭头功能将基于类的组件转换为功能组件

您可以将上述基于类的组件编写为功能组件，如下所示

import React,{useState} from 'react'

const index=()=>{
const [cookies, setCookies] = useState(cookies.get('token') || null);
return(
    <div>
        
    </div>
  )
}

Answer 2

导入并使用useState挂钩之后，您可以执行以下操作之一：

function Index(props) {
    const [cookies, setCookies] = useState(cookies.get('token') || null);
    // do stuff and return something
}

或

const Index = (props) => {
    const [cookies, setCookies] = useState(cookies.get('token') || null);
    // do stuff and return something
}

将此组件传递给箭头功能[反应]

2 个答案: