javascript - render two or more icons inside column of reactable in reactjs -

i'm trying add 2 or more icons inside reactable column.

<td column="conf" classname="col-md-1">     <span classname="fa fa-trash"></span>     <span classname="fa fa-pencil"></span> // work 1 </td> 

if try render 1 icon work fine, when try render more 1 icon rendered input [object object],[object object] , not icons spected.

how can fix it?

some ideas?

---

i try creating specific component icon , still not working more 1 icon.

<td column="conf" classname="col-md-1">   <icontrashbutton />   <iconpencilbutton /> //only work 1 component </td> 

thanks in advance

try put each in separate block icon scan or div

<td column="conf" classname="col-md-1">     <span><span classname="fa fa-trash"></span></span>     <div><span classname="fa fa-pencil"></span></div> // work 1 </td>