title: having default data as selected in select material ui
body: <p>I have some data which i am passing as props and i want it to be my default selected  value .
  Here is the code for select in material ui that i am using .However the user should also have the option of selecting other courses too .
  the passed props from parent is coursename which can be used as this.props.coursename</p>
  
  <pre><code>&lt;form className={classes.root} autoComplete="off"&gt;
                     &lt;FormControl className={classes.formControl}&gt;
                     &lt;InputLabel htmlFor="age-simple"&gt;Courses&lt;/InputLabel&gt;
                    &lt;Select
                       value={this.state.courseselected}
                       onChange={this.handleCourseChange}
                       inputProps={{
                          name: "courseselected",
                          id: "age-simple"
                      }}
                  &gt;
  
                   {CourseData.map(item =&gt; {
                 return &lt;MenuItem value={item._id}&gt;{item.title}&lt;/MenuItem&gt;;
               })}
             &lt;/Select&gt;
           &lt;/FormControl&gt;
         &lt;/form&gt;
  </code></pre>
  
  <p>I am passing a props parent component and i want that course to be shown as selected by default .</p>