Multiple button needs reference in fieldArray onClick={() => fields.push({})}

[udayanss]

Hello , I need two different sets of field while clicking on two differrent buttons, onClick={() => fields.push({})}, how do i send parameters for each field so that i can use if else in my return li, any luck on this

renderProductField = ({ fields, meta: { error, submitFailed } }) => (

<li className="text-center" style={{ paddingTop: 0 }}>
<button
className="text-primaryLight cursor-pointer button mx-2"
onClick={() => fields.push({})}
// onClick={(e) => this.buttonClickSection(e,fields, 'product')}
>
Add Product Section

<button
className="text-primaryLight cursor-pointer button mx-2"
// onClick={() => fields.push({section:'banner'})}
onClick={() => fields.push({})}
// onClick={(e) => this.buttonClickSection(e,fields, 'banner')}
>
Add Banner Section

{submitFailed && error && {error}}



   {fields.map((arrvalues, index) => {

      return (
        <li
          key={index}
          className="home-section-block"
          style={{
            border: "1px solid gray",
            borderRadius: "15px",
            marginTop: "15px",
          }}
        >
   
        </li>
      );
    })} 
  </div>
</ul>

);