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 1437 times
Edit
0
Community EvaluationsNo one has reviewed this question yet, be the first!
5
How to submit a form in React7
Improve this React component so that it displays "Green" by default.3
Fix the following React component: Scroller6
Write a React function that fetches comments and passes them to a component.6
Optimize a React component by implementing shouldComponentUpdate2
Write the missing code to render the children of the UserProfile component.2
Write a React component as a function