import React, { useState } from 'react' // Make sure to import the component we just built: import './App.css'; import ColorBlock from './ColorBlock' import ColorForm from './ColorForm' const addColor = (newColor) => { setColors([...colors,newColor ]) } function App(){ let [colors] = useState ([ 'violet', 'blue', 'lightblue', 'green', 'greenyellow', 'yellow', 'orange', 'red' ]) let colorMap = colors.map((color) => { return ( <ColorBlock color={color} /> ) }) return ( <div className="App"> {colorMap} <ColorForm addColor ={addColor}/> </div> ) } export default App;

Compilado con problemas :X

ERROR

src/App.js Línea 8:3: 'setColors' no está definido no-undef Línea 8:17: 'colors' no está definido no-undef

Busque las palabras clave para obtener más información sobre cada error.