title: How to pass individual prop values to same component when using Context in ReactJS
body: <p>I thought with Context Hooks, one should NEVER use props.</p>
  
  <p>If i am rendering the below</p>
  
  <pre><code>               &lt;DBButton name={"Couchbase"} onClick={()=&gt;setActiveDBName("Couchbase")}/&gt;
  
                  &lt;DBButton name={"Cassandra"} onClick={()=&gt;setActiveDBName("Cassandra")}/&gt;
  
                  &lt;DBButton name={"MongoDB"} onClick={()=&gt;setActiveDBName("MongoDB")}/&gt;
  </code></pre>
  
  <p>How do I pass the "couchbase"/"cassandra"/etc names to the DBButton functional component only using Context and not through props? </p>