React-评分组件使用

评分组件使用

--------源代码在 GitHub 上。

一、依赖

1、组件依赖 node.js 和 react 环境。

2、若要在组件中执行 less 文件，则在1的基础上下载相关依赖 npm install -g less。

执行less文件：首先进入less文件所在目录，然后在控制台输入命令：

lessc styles.less styles.css

二、组件使用

1、下载组件到项目相应目录。

2、在使用组件的文件中引入组件：

import Rate from "./Components/React_Rate";

3、使用：

<Rate/>

三、组件修改

1、使用react的 HOOK 定义组件，用useEffect()对组件数据进行初始化或更新组件时调用。

2、通过改变表情数组，对表情进行样式和颜色的改变。

3、改变评语数组，对评语进行修改。

4、用户可以在网上搜索自己喜欢的表情对组件进行修改。

5、使用者可以根据自身需求对组件样式进行修改。

四、效果

1、初始化状态。

2、进入评分区，移动鼠标进行评分的选择，并点击某个评分进行保存。

3、离开评分区，如果没点击某个评分进行保存，则评分变回初始状态。