title: How to set a prop from a function
body: <p>I'm new with react, I know it's a nub question but I don't know how to resolve it.</p>
  
  <p>I need to make more than one heart button and change the prop <code>paramether</code> who I labeled <code>isChecked</code> to <code>true</code> or <code>false</code>, so the button will change from <code>HeartNormal</code> to <code>HeartFull</code>.</p>
  
  <p>The code can't have a state to do this cause every button need change between <code>HeartNormal</code> and <code>HeartFull</code> separately.</p>
  
  <pre><code>import React, { Component } from 'react';
  
  class Test extends Component {
      handleLike = props =&gt;{
          props.isCheck = true;
      }
      renderer(){
          return(
              &lt;div&gt;
              &lt;Heart isClicked={false} onClick={() =&gt; this.handleLike(this.props)}/&gt;
              &lt;Heart isClicked={false} onClick={() =&gt; this.handleLike(this.props)}/&gt;
              &lt;Heart isClicked={false} onClick={() =&gt; this.handleLike(this.props)}/&gt;
              &lt;Heart isClicked={false} onClick={() =&gt; this.handleLike(this.props)}/&gt;
              &lt;Heart isClicked={false} onClick={() =&gt; this.handleLike(this.props)}/&gt;
              &lt;/div&gt;
          )
      }
  }
  function Heart(props){
      const isClicked = props.isClicked;
      if(isClicked){
          return &lt;button onClick={props.onClick}&gt;&lt;i className="fas fa-heart"&gt;&lt;/i&gt;&lt;/button&gt;
      }else{
          return &lt;button onClick={props.onClick}&gt;&lt;i className="far fa-heart"&gt;&lt;/i&gt;&lt;/button&gt;
      }
  }
  export default Test;
  </code></pre>
  
  <p>In the <code>handleLike</code>, There are another parameters to invite the id off the post liked to the node server, cause that this is the ideal structure to make the code for me. I hope somebody can help me to fix this.</p>