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 1587 times
Edit
1
Community EvaluationsNo one has reviewed this question yet, be the first!
7
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: Scroller7
Optimize a React component by implementing shouldComponentUpdate6
Write a React function that fetches comments and passes them to a component.3
Write a React component as a function