“`
//主要逻辑
HandleToggleChooseDeveloper = e => {
console.log('getuserID', e.target.getAttribute('user-id'))
let Node = e.target
let Id = Node.getAttribute('user-id')
let choose = Node.getAttribute('choose')
if(Node.style.backgroundColor == 'orange') {
Node.style.backgroundColor = '#ccc'
Node.setAttribute('choose', 'false')
} else {
Node.style.backgroundColor = 'orange'
Node.setAttribute('choose', 'true')
}
const { developers } = this.state
this.setState({
developers: developers.concat({ userId: Id })
})
if(choose === 'false') {
this.setState({
developers: developers.concat({ userId: Id })
})
} else if(choose === 'true') {
this.setState({
developers: developers.filter(item => {
return item.userId !== Id
})
})
}
}
// render开发人员选项
renderPersonThumbnail = data => {
const { activePro, choose } = this.state
return (
data &&
data.map((item, i) => {
return (
<li
className={'relate-person-item'}
key={i}
user-id={item}
onClick={this.HandleToggleChooseDeveloper}
choose={`${choose}`}
/>
)
})
)
}
```