react踩过的坑

react踩过的坑

使用yarn eject命令出现错误，该如何修改
【react笔记】暴露配置时出现“Remove untracked files, stash or commit any changes, and try again.”错误

react配置less
配置less

项目报错显示：No duplicate props allowed react/jsx-no-duplicate-props

因统一标签内存在多个className 导致

<div className="todolist" className={this.state.showMsg?'red':'green'}>

解决方案：ES6拼接字符串，将表达式返回的类名 ‘red’ / ‘green’ 与不变的类名 ‘todolist’ 进行字符串拼接

className = {${返回动态类名的表达式} 静态类名字符串} 即: <div
className={${this.state.showMsg?'red':'green'} todolist}>

如果同时添加两个ClassName.利用ES6拼接字符串，类名之间使用空格隔开

<div className={${‘value.class’} ${‘value.class2’}}>{value.value}</div>