
第一步:状态中设置两个变量
- state: {
- content: "", // 该值作为Textarea的value
- content2: "",
- }
第二步:点击评价标签执行方法
- // 设置详细评价
- handleRate = idx => {
- const { tagList, content, content2 } = this.state;
- const cyTagList = tagList.slice();
- const select_tagList = [];
- let cyContent = content;
-
- cyTagList[idx].active = !cyTagList[idx].active; // 高亮tag
-
- tagList.forEach(item => {
- if (item.active) {
- select_tagList.push(`#${item.name}`); // 添加选中的tag名称
- }
- });
-
- // 正则去除重复tag
- var reg1 = new RegExp("#服务热情", "g");
- var reg2 = new RegExp("#环境舒适", "g");
- var reg3 = new RegExp("#效率快", "g");
- var reg4 = new RegExp("#技术高", "g");
- var reg5 = new RegExp("#体验完美", "g");
- cyContent = cyContent.replace(reg1, "");
- cyContent = cyContent.replace(reg2, "");
- cyContent = cyContent.replace(reg3, "");
- cyContent = cyContent.replace(reg4, "");
- cyContent = cyContent.replace(reg5, "");
- cyContent = cyContent.replace(/\s*/g, "");
-
- this.setState({
- tagList: cyTagList,
- content: content.length
- ? `${select_tagList.join(" ")} ${cyContent}`
- : `${select_tagList.join(" ")} ${content2}` // 设置文本域的值
- });
- };