解决ant design 使用Radius.Group时全部遍历触发点击事件方法。

最新推荐文章于 2022-12-29 23:59:12 发布

SmallishJoker

最新推荐文章于 2022-12-29 23:59:12 发布

阅读量612

点赞数

分类专栏：解决方案文章标签： React-Antd

原文链接：https://codepen.io/levis_1993/pen/LQyrzX?editors=0010

版权

解决方案专栏收录该内容

4 篇文章 0 订阅

订阅专栏

解决ant design 使用Radius.Group时全部遍历触发点击事件方法。

查看解决方法在这里插入图片描述

渲染到页面上时，需要给每个子项(以下为li标签)都添加一个key值

            <li key={index}>
                <div style={{ margin: "10px 0px 10px 30px" }}>
                    <Radio.Group onChange={this.onChange.bind(this, index)} value={val}>
                        <table>
                            <tbody>
                                <tr key={index}>
                                    <td>{`${index + 1}. `}{"在Open vSwitch中，下列命令解释错误的是"}（{value[index]}）</td>
                                </tr>
                                <tr><td><Radio value={"A"}>A.<span>{"ovs-vcstl list-br：列出所有网桥"}</span></Radio></td></tr>
                                <tr><td><Radio value={"B"}>B.<span>{"ovs-vcstl list-br：列出所有网桥"}</span></Radio></td></tr>
                                <tr><td><Radio value={"C"}>C.<span>{"ovs-vcstl list-br：列出所有网桥"}</span></Radio></td></tr>
                                <tr><td><Radio value={"D"}>D.<span>{"ovs-vcstl list-br：列出所有网桥"}</span></Radio></td></tr>
                            </tbody>
                        </table>
                    </Radio.Group>
                    <br />
                </div>
            </li>
        ))