Color Picker

https://gist.github.com/4e42075b9544483d5bd3afca31dd9ee3

Update Function Component State
Let’s get started with the State Hook, the most common Hook used for building React components. The State Hook is a named export from the React library, so we import it like this:

Color Picker

view here

['Aquamarine', 'BlueViolet', 'Chartreuse', 'CornflowerBlue', 'Thistle', 'SpringGreen', 'SaddleBrown', 'PapayaWhip', 'MistyRose'];

export default function ColorPicker() {
const [color, setColor] = useState("Tomato");

const divStyle = {backgroundColor: color};

return (

Selected color: {color}

{colorNames.map((colorName)=>(
<button
onClick={() => setColor(colorName)}
key={colorName}>
{colorName}

))}

);
}