загрузчик 4 модальный не виден во время реакции петли компонентов

Question

Я циклически перебираю данные в компоненте и отправляю данные другому компоненту n раз.

Тем не менее, модал начальной загрузки работает нормально, ошибок нет.

Вот мой код:

render() { const { datas, amt, dis_price, type_dis_price, tot_amt, no_of_items } = this.state; return (
<div>
    <button className="btn btn-outline-secondary" onClick={this.restoreAllItems} style={{ marginLeft: "50%" }}>List All Items</button>

    <hr />
    <div className="row">
        <div className="col-md-7 _fixedr">

            {datas.map(data => (
            <CartItem key={data.id} data={data} /> ))}

        </div>
    </div>
</div>
) }

Вот компоненты цикла:

render() { const { id, name, price, qty, img_url, type } = this.props.data; return (
<div className="row tot-box">

    <div className="card m_box">
        <img src={trash} alt='thrh' width="20px" height="20px" data-toggle="modal" data-target="#exampleModal" onClick={this.deleteItem} className="float-right cross" id="myModal" />

        <div className="modal fade" id="exampleModal" tabIndex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div className="modal-dialog" role="document">
                <div className="modal-content">
                    <div className="modal-header">
                        <h5 className="modal-title" id="exampleModalLabel">Modal title</h5>
                        <button type="button" className="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div className="modal-body">
                     sdfsdfsdsddsfsd
                    </div>
                    <div className="modal-footer">
                        <button type="button" className="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="button" className="btn btn-primary">Save changes</button>
                    </div>
                 </div>
            </div>
        </div>
    </div>
</div>
) }

Answer 1

Извините, но я не понимаю, что вы хотите.Не могли бы вы быть более конкретным, спасибо.