reactjs - Material ui/redux-form 框架中的评分星域
问题描述
我正在一个反应网站上工作-带有使用材料ui和redux表单的表单框架---
我在一个具有唯一 ID 的页面上呈现了 2 个表单——但我不明白为什么评级字段会导致另一个字段发生变化——可能是因为它是一个材料实验室组件?
- 如何使评级字段稳定,使其仅作为单选按钮/整数字段
- 如何在 UI 中让星星变回金色?
//沙盒 https://codesandbox.io/s/quirky-noyce-gbwf7?file=/src/GenericForm/GenericForm.js
解决方案
解决方案是确保评级组件上的名称是唯一的——所以我在最后的名称上添加了一个 uuid
<Rating
{...input}
name={input.name + "-" +uuid()}
value={parseFloat(input.value)}
onChange={(e, value) => {
input.onChange(value);
onHandle(input.name, value);
}}
defaultValue={0}
max={max}
disabled={disabled}
precision={0.5}
/>