javascript - 无法在另一个函数中调用函数 - React.JS

Question

我在一个基本的反应应用程序中有以下代码

import React from 'react';
import './App.css';

function genColor() {
  return <div style="#000000">Test</div>;
}

function App() {
  return (
    <div className="App">
      {this.genColor()}
    </div>
  );
}

export default App;

调用genColorApp 函数，但得到

我怎么搞砸了？

标签： javascriptreactjs

Answer 1

您已经创建了一个全局函数，但您调用它时就好像它是 App 的成员一样。

所以要么将函数移动到 App 类，要么删除this.