Medium
Here is a component that is supposed to display the hexadecimal CSS color code of certain colors.
class CSSColors extends React.Component{
constructor(props){
super(props);
this.state={colorCode: ''};
this.changeColor= this.changeColor.bind(this);
}
changeColor(evt){
this.setState({colorCode: evt.target.value});
}
render(){
return(
<div>
The color code
<select onChange={this.changeColor}>
<option value="#ff0000">Red</option>
<option value="#00ff00">Green</option>
<option value="#0000ff">Blue</option>
</select>
is {this.state.colorCode}
</div>
);
}
}
Check the statements that are true:
Author: Victor SabatierStatus: PublishedQuestion passed 1579 times
Edit
1
Community EvaluationsNo one has reviewed this question yet, be the first!
6
Write a React function that fetches comments and passes them to a component.7
Optimize a React component by implementing shouldComponentUpdate7
How to submit a form in React4
Write the missing code to render the children of the UserProfile component.7
Improve this React component so that it displays "Green" by default.4
Fix the following React component: Scroller3
Write a React component as a function