Merge pull request #169 from plotly/component-updates

Update function component

Author: T4rk1n

{{cookiecutter.project_shortname}}/cookiecutter_templates/FunctionComponent.react.js

@@ -11,23 +11,25 @@ import PropTypes from 'prop-types';
 const {{cookiecutter.component_name}} = (props) => {
     const {id, label, setProps, value} = props;
 
+    const handleInputChange = (e) => {
+        /*
+        * Send the new value to the parent component.
+        * setProps is a prop that is automatically supplied
+        * by dash's front-end ("dash-renderer").
+        * In a Dash app, this will update the component's
+        * props and send the data back to the Python Dash
+        * app server if a callback uses the modified prop as
+        * Input or State.
+        */
+        setProps({ value: e.target.value });
+    };
+
     return (
         <div id={id}>
             ExampleComponent: {label}&nbsp;
             <input
                 value={value}
-                onChange={
-                    /*
-                        * Send the new value to the parent component.
-                        * setProps is a prop that is automatically supplied
-                        * by dash's front-end ("dash-renderer").
-                        * In a Dash app, this will update the component's
-                        * props and send the data back to the Python Dash
-                        * app server if a callback uses the modified prop as
-                        * Input or State.
-                        */
-                    e => setProps({ value: e.target.value })
-                }
+                onChange={handleInputChange}
             />
         </div>
     );