Material ui/redux-form 框架中的评分星级字段答案

【问题标题】：Rating star field in a material ui/redux-form frameworkMaterial ui/redux-form 框架中的评分星级字段
【发布时间】：2021-05-04 17:15:08
【问题描述】：

我正在开发一个 react 网站 - 带有一个使用材料 ui 和 redux 表单的表单框架 ---

我在一个页面上呈现了 2 个具有唯一 ID 的表单——但我不明白为什么评级字段会导致另一个字段发生变化——这可能是因为它是一个材料实验室组件？

如何使评级字段稳定，使其仅充当单选按钮/整数字段
如何让 UI 中的星星变回金色？

//沙盒 https://codesandbox.io/s/quirky-noyce-gbwf7?file=/src/GenericForm/GenericForm.js

https://material-ui.com/components/rating/

【问题讨论】：

标签： reactjs material-ui redux-form

【解决方案1】：

解决方案是确保评级组件上的名称是唯一的——所以我在最后的名称上添加了一个 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}
  />

【讨论】：