6 kyu
Control the Beast (controlled components in ReactJS)
877shovelend
Description:
In this kata you'll learn how to control Components with different kinds of beasts. Your goal is to tame and control a beast by building a controlled React component with the following criteria:
- Create a component called
Beast
and its statename
- The beast to control can be passed as a prop
name
- Render a textinput field with the id
controlledName
. Its value should be the name of the current beast. - Whenever this field's value is modified, the state should be updated as well
- You should control the beast
Yeti
ifname
is not passed in
Read about controlled components here: https://reactjs.org/docs/forms.html#controlled-components
Fundamentals
React
Similar Kata:
Stats:
Created | Feb 13, 2018 |
Published | Mar 2, 2018 |
Warriors Trained | 2591 |
Total Skips | 104 |
Total Code Submissions | 8734 |
Total Times Completed | 877 |
JavaScript Completions | 877 |
Total Stars | 30 |
% of votes with a positive feedback rating | 88% of 111 |
Total "Very Satisfied" Votes | 87 |
Total "Somewhat Satisfied" Votes | 22 |
Total "Not Satisfied" Votes | 2 |
Total Rank Assessments | 4 |
Average Assessed Rank | 6 kyu |
Highest Assessed Rank | 6 kyu |
Lowest Assessed Rank | 8 kyu |