title: Where to define props to access them in my React App?
body: <p>Unfortunately, I could not able to solve the problem, which I am facing to develop the <code>to do list</code> application. May I ask please what is the problem in the folliwing code?</p>
  <pre><code>function handleSubmit(e){
      e.preventDefault();
      //alert('Moin');
      props.addTask(&quot;Say hello!&quot;);
  }
  
  function Form(props){
      return(
          &lt;form onSubmit={handleSubmit}&gt; 
              &lt;h2 className=&quot;label-wrapper&quot;&gt;
                  &lt;label htmlFor=&quot;new-todo-input&quot; className=&quot;label__lg&quot;&gt;
                      What needs to be done?
      ...
  
  
     
  </code></pre>
  <p><strong>following error comes</strong></p>
  <p>Failed to compile.</p>
  <p>./src/components/Form.js
  Line 8:  'props' is not defined  no-undef</p>