在同一页面上使用两次时，React DONUT 无法正常工作

问题描述

我在同一页面上使用了两次甜甜圈，但不知何故它只出现在一个 div 中，而我在两个不同的 Div 中定义了它

库：反应甜甜圈

<div className={this.state.selected == 2 ? "col-xs-6 col-sm-6 selected linkpointer" : "col-xs-6 col-sm-6 linkpointer"} onClick={this.programsClickEvent}>
    <div className="card p_15 program">
        <div className="mahroon-block">
            <strong>Programs</strong>
        </div>
        <div id = "program-donut">
            <Donut
                chartData={[
                    { name: `${this.state.programCompleted} Completed`,data: this.state.programCompleted },{ name: `${this.state.programStarted} Started`,data: this.state.programStarted },{ name: `${this.state.programNotStarted} Not Started`,data: this.state.programNotStarted },]}
                chartWidth={100}
                chartHeight={300}
                title=""
                chartThemeConfig={{
                    series: {
                        colors: ['#28B463','#F39C12 ','#E74C3C'],},}}
            />
        </div>
    </div>
</div>
<div className={this.state.selected == 3 ? "col-xs-6 col-sm-6 selected linkpointer" : "col-xs-6 col-sm-6 linkpointer"} onClick={this.coursesClickEvent} >
    <div className="card p_15 course">
        <div className="mahroon-block">
            <strong>Courses</strong>
        </div>
        <div id = "course-donut">
            <Donut
                chartData={[
                    { name: `${this.state.courseCompleted} Completed`,data: this.state.courseCompleted },{ name: `${this.state.courseStarted} Started`,data: this.state.courseStarted },{ name: `${this.state.courseNotStarted} Not Started`,data: this.state.courseNotStarted },]}
                chartWidth={200}
                chartHeight={300}
                title=""
                chartThemeConfig={{
                series: {
                    colors: ['#28B463',}}
            />
        </div>
    </div>
</div>

我为这两个甜甜圈使用了两个不同的 div，但它们只出现在第一个 div 中。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）