如何解决在这种情况下,如何使用React如何在无序列表中突出显示多个项目?
我正在学习反应,并练习构建测验应用。
这个想法是,当用户单击正确的答案时,我想将其标记为绿色,但是当用户单击错误的答案时,我要将错误的答案标记为红色,并在其顶部将正确的答案标记为绿色,以便显示。用户什么是正确的答案。
我有一个Quiz组件,就像其他组件的容器一样。问题,答案(具有答案组件列表)和操作(仅是向前移动测验的下一个按钮)。
每个答案都有一个单击处理程序,单击该处理程序将在父组件中调用一个函数,然后父组件将状态设置为正确。正确的状态作为props传递,并在相应的答案中添加“ .correct”类。
api返回的数据与我使用的模拟数据相同。
这是demo。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。