Javascript 获取数据失败：this.functionname不是函数（ReactJS）

我在react的component render方法中有一个函数，我在return（）中调用它，如图所示：

render () {
  const Viewperson = () =>{
    return (
      console.log("show perons");
    );
  }
  return (
    {this.Viewperson()}
  );
}

我收到以下错误“无法获取数据：this.Viewperson不是函数”

---

看不出我犯了什么错误。任何建议都是可以接受的

此

引用类实例。该函数位于render内部，不是类方法：

render () {
  const viewPerson = () => {
    return <div>Person</div>;
  }

  return viewPerson();
}

请注意，返回

console.log（）

很可能会显示错误，因为您没有返回任何内容。如果需要测试JSX是否正常工作，只需返回一些JSX（

Hi

）

另外，我重新格式化了您的代码

camelCase

通常用于函数或变量声明，

PascalCase

通常用于类或JSX组件。以下是一些例子：

class ViewPerson（）。。。
函数viewPerson（）{return…}
常量viewPerson=（）=>（…）
//更高级的版本：
render（）{
//引用组件，因此PascalCase
此
引用类实例。该函数位于render内部，不是类方法：

render () {
  const viewPerson = () => {
    return <div>Person</div>;
  }

  return viewPerson();
}

请注意，返回
console.log（）
很可能会显示错误，因为您没有返回任何内容。如果需要测试JSX是否正常工作，只需返回一些JSX（
Hi
）

另外，我对代码进行了一些重新格式化。
camelCase
通常用于函数或变量声明，
PascalCase
通常用于类或JSX组件。以下是一些示例：

class ViewPerson（）。。。
函数viewPerson（）{return…}
常量viewPerson=（）=>（…）
//更高级的版本：
render（）{
//引用组件，因此您只需使用
Viewperson（）
，但是在
render
中这样的代码的用途是什么？Viewperson不在类的作用域中，它在render函数的作用域中。您应该在render函数的上面声明为什么要返回console.log？这很奇怪。您可以只使用
Viewperson（）
，但是在
渲染中使用这些代码的目的是什么呢？Viewperson不在类的作用域中，它在渲染函数的作用域中。您应该在渲染函数的上面声明为什么要返回console.log？这很奇怪。非常感谢您的详细解释…现在有意义了：）很高兴我能提供帮助！T汉克斯有很多详细的解释……现在有道理了：）很高兴我能帮上忙！