Cannot call Function within Another Function - React.JS

Question

I have the following code in a basic react app

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;

Calling genColor in the App function, but get

How am I screwing this up?

Change to {genColor()} or more appropriately, <genColor /> — Avin Kavish
– Avin Kavish, Commented Jun 11, 2020 at 10:31

Wouter van Nifterick · Accepted Answer · 2020-06-11 10:30:43Z

2

You've created a global function, but you're calling it as if it's a member of App.

So either move the function to the App class, or remove this.

answered Jun 11, 2020 at 10:30

Wouter van Nifterick

24.2k7 gold badges82 silver badges123 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Cannot call Function within Another Function - React.JS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related