Update prop-types in chapter 12

12-component-refactor.html

@@ -40,7 +40,10 @@
 
 // The component has a simple props-interface
 ViewBefore.propTypes = {
- rooms: PropTypes.array.isRequired,
+ rooms: PropTypes.arrayOf(PropTypes.shape({
+ name: PropTypes.string.isRequired,
+ people: PropTypes.number.isRequired
+ })).isRequired
 }
 
 // Now we switch out the implementation with something more complicated
@@ -66,15 +69,21 @@
 }
 // We keep the props-interface the same
 ViewAfter.propTypes = {
- rooms: PropTypes.array.isRequired,
+ rooms: PropTypes.arrayOf(PropTypes.shape({
+ name: PropTypes.string.isRequired,
+ people: PropTypes.number.isRequired
+ })).isRequired
 }
 
 // We could also switch it with something more dynamic
 var ViewDynamic = createReactClass({
 
  // We still keep the props-interface the same
  propTypes: {
- rooms: PropTypes.array.isRequired,
+ rooms: PropTypes.arrayOf(PropTypes.shape({
+ name: PropTypes.string.isRequired,
+ people: PropTypes.number.isRequired
+ })).isRequired
  },
 
  getInitialState: function() {
@@ -135,4 +144,4 @@ <h3>Dynamic refactor</h3>
  </div>
 
 ReactDOM.render(reactElement, document.getElementById("app"))
-</script>
+</script>