6 kyu

Control the Beast (controlled components in ReactJS)

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 state name
  • 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 if name is not passed in

Read about controlled components here: https://reactjs.org/docs/forms.html#controlled-components

Fundamentals
React

Stats:

CreatedFeb 13, 2018
PublishedMar 2, 2018
Warriors Trained2591
Total Skips104
Total Code Submissions8734
Total Times Completed877
JavaScript Completions877
Total Stars30
% of votes with a positive feedback rating88% of 111
Total "Very Satisfied" Votes87
Total "Somewhat Satisfied" Votes22
Total "Not Satisfied" Votes2
Total Rank Assessments4
Average Assessed Rank
6 kyu
Highest Assessed Rank
6 kyu
Lowest Assessed Rank
8 kyu
Ad
Contributors
  • shovelend Avatar
  • Voile Avatar
Ad