無法在另一個 Function 中調用 Function - 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;

在 App function 中調用genColor ，但是得到

我怎么搞砸了？

Answer 1

您創建了一個全局 function，但您將其稱為 App 的成員。

因此，要么將 function 移動到應用程序 class，要么將其刪除this.