You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
574 B
22 lines
574 B
2 years ago
|
import React from 'react';
|
||
|
|
import { FrownOutlined, MehOutlined, SmileOutlined } from '@ant-design/icons';
|
||
|
|
import { Rate } from 'antd';
|
||
|
|
|
||
|
|
const customIcons: Record<number, React.ReactNode> = {
|
||
|
|
1: <FrownOutlined />,
|
||
|
|
2: <FrownOutlined />,
|
||
|
|
3: <MehOutlined />,
|
||
|
|
4: <SmileOutlined />,
|
||
|
|
5: <SmileOutlined />,
|
||
|
|
};
|
||
|
|
|
||
|
|
const App: React.FC = () => (
|
||
|
|
<>
|
||
|
|
<Rate defaultValue={2} character={({ index }: { index: number }) => index + 1} />
|
||
|
|
<br />
|
||
|
|
<Rate defaultValue={3} character={({ index }: { index: number }) => customIcons[index + 1]} />
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
|
||
|
|
export default App;
|