buy sell buttons not working in react

pratiks
i am using react to render list of tickers, when i click on any of the button rendered, order window popup do not appear, i.e this buttons dont work,
const [tickerList, setTickerList] = useState([]);

{tickerList.map(function(name, index){
return(

<div key={index}>
<button
data-kite="aaaaaaaaaaaaa"
data-exchange="NSE"
data-tradingsymbol={name}
data-transaction_type="SELL"
data-quantity="1"
data-order_type="LIMIT"
data-price="100">Buy {name}
</button>
</div>
);
})}


but when i render this button individually it works,
i.e by creating buttons without iterating over list , it works fine.

<button
data-kite="aaaaaaaaaaaa"
data-exchange="NSE"
data-tradingsymbol="ACC"
data-transaction_type="SELL"
data-quantity="1"
data-order_type="LIMIT"
data-price="100">Buy ACC
</button>
This discussion has been closed.