title: naming convention for react hooks and props?
body: <p>Component's props names and local state variable names are collide. Is there any naming convention followed globally? See "selected" props and state</p>
  
  <pre><code>function Select({options,selected,onSelect}){
  
      let [selected,setSelect]=useState(selected)
  
      //... useeffect to update local state if props changes
  
      function setSelectLocal(){
         setSelect(e.target.value)
         onSelect(e.target.value)
      }
  
      return (
      &lt;select onChange={onSelect} value={selected}&gt;
          {options.map((option)=&gt;&lt;option&gt;{option}&lt;/option&gt;)}
      &lt;/select&gt;  
     )
  }
  </code></pre>
  
  <p>Thanks</p>