在 Rate 组件的 props 中使用 character 属性来自定义每个字符的样式,如下所示:
import { Rate } from 'antd';
function CustomRate() {
const [rateValue, setRateValue] = useState(3);
const characterRender = (current: number) => {
if (current === 0) {
return �;
} else if (current === 1) {
return �;
} else if (current === 2) {
return �;
} else if (current === 3) {
return �;
} else if (current === 4) {
return �;
} else {
return �;
}
};
return (
setRateValue(value)}
character={({ index }) => characterRender(index + 1)}
/>
);
}
在上面的代码中,我们通过 character prop 来定义每个字符的样式,使用了一个函数 characterRender 来根据星级评分的值返回对应的字符,然后将该函数传给 character prop,即可实现自定义每个字符的样式。