Prop Collections and Getters

Author: erickcm2k

epic-react-kent-c-dodds/04-Advanced-React-Patterns/src/exercise/04.js

@@ -8,10 +8,11 @@ function useToggle() {
   const [on, setOn] = React.useState(false)
   const toggle = () => setOn(!on)
 
+  const togglerProps = {'aria-pressed': on, onClick: toggle}
   // 🐨 Add a property called `togglerProps`. It should be an object that has
   // `aria-pressed` and `onClick` properties.
   // 💰 {'aria-pressed': on, onClick: toggle}
-  return {on, toggle}
+  return {on, toggle, togglerProps}
 }
 
 function App() {

epic-react-kent-c-dodds/04-Advanced-React-Patterns/src/switch.js

@@ -22,6 +22,9 @@ class Switch extends React.Component {
       onClick,
       ...props
     } = this.props
+
+    console.log(this.props);
+
     const btnClassName = [
       className,
       'toggle-btn',