Reactjs 什么是';任何组件';做

Reactjs 什么是';任何组件';做,reactjs,google-map-react,Reactjs,Google Map React,我开始使用并发现这一行: const AnyReactComponent = ({ text }) => <div>{text}</div> const AnyReactComponent=({text})=>{text} 它做什么?这是一个无状态的功能组件(也就是说,该函数是一个render函数,以props为参数)。功能可以这样重写: class AnyReactComponent extends React.Component { render()

我开始使用并发现这一行:

const AnyReactComponent = ({ text }) => <div>{text}</div>
const AnyReactComponent=({text})=>{text}

它做什么?

这是一个无状态的功能组件(也就是说,该函数是一个
render
函数,以
props
为参数)。功能可以这样重写:

class AnyReactComponent extends React.Component {
    render() {
       const { text } = this.props;

       return <div>{text}</div>;
    }
}
类AnyReactComponent扩展React.Component{
render(){
const{text}=this.props;
返回{text};
}
}

这是一个问题。投票人:这怎么会“离题”?但这个无状态func组件用于什么?如果它没有呈现任何东西,并且里面没有任何其他方法。例如,为了澄清一下,如果在一个虚函数中我们有
let array=[]
,那么我们知道它后来用作一个关联数组来存储一些临时数据并对其执行一些操作。否则,该数组未使用,必须从代码中删除。我理解我在上面的注释中的问题,所以答案是:无状态函数组件用于没有任何方法的组件,只需渲染即可。例如,我们在一个虚构的网络中需要一个配置文件页面,因此一个化身可能存在一个单独的无状态组件,只需要呈现它