如何把我的div放在移动版的menubutton里面？

Question

我目前有一个S.P.A，其中我有一个DIV，包含按钮，我想把这个DIV在一个按钮菜单，当我在手机上。

我如何使用react做这个事情？

我是否应该根据内div显示2个不同的内容？

                <img style={{margin:'0px'}} id="displayedImg" src={vue01}/>
                <div className="texturesMenu1">
                    <div style={{position: 'relative'}}>
                        <img style={{paddingTop: '10px'}} onClick={this.texture01Click} src={texture01}/>
                        <p className="center1">imshowcem
                            <a style={{textDecoration: "none", color: "#fff"}} target="_blank" href="https://www.impermo.be/fr/carrelages-sol/laminaat-392#/reference-139393" className="material-icons">
                                add_circle_outline
                            </a>
                        </p>
                    </div>
                    <div style={{position: 'relative'}}>
                        <img onClick={this.texture02Click} src={texture02}/>
                        <p className="center1">imengrey
                            <a style={{textDecoration: "none", color: "#fff"}} target="_blank" href="https://www.impermo.be/fr/carrelages-sol/energy-1605#/reference-138229" className="material-icons">
                                add_circle_outline
                            </a>
                        </p>
                    </div>
                    <div style={{position: 'relative'}}>
                        <img onClick={this.texture03Click} src={texture03}/>
                        <p className="center1">imlomgri90
                            <a style={{textDecoration: "none", color: "#fff"}} target="_blank" href="https://www.impermo.be/fr/carrelages-sol/portobello-pietra-lombarda-1691#/reference-140070" className="material-icons">
                                add_circle_outline
                            </a>
                        </p>
                    </div>
                    <div style={{position: 'relative'}}>
                        <img onClick={this.texture04Click} src={texture04}/>
                        <p className="center1">imceppo
                            <a style={{textDecoration: "none", color: "#fff"}} target="_blank" href="https://www.impermo.be/fr/carrelages-sol/tilestone-ceppo-di-gre-1476#/reference-138938" className="material-icons">
                                add_circle_outline
                            </a>
                        </p>
                    </div>
                    <div style={{position: 'relative'}}>
                        <img onClick={this.texture05Click} src={texture05}/>
                        <p className="center1">imlomgri90
                            <a style={{textDecoration: "none", color: "#fff"}} target="_blank" href="https://www.impermo.be/fr/carrelages-sol/portobello-pietra-lombarda-1691#/reference-140071" className="material-icons">
                                add_circle_outline
                            </a>
                        </p>
                    </div>

            </div>