personnelList.jsx 509 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. import { func } from "prop-types";
  2. arr: [
  3. {
  4. flag: false,
  5. },
  6. {
  7. flag: false,
  8. },
  9. {
  10. flag: false,
  11. },
  12. {
  13. flag: false,
  14. },
  15. {
  16. flag: false,
  17. },
  18. {
  19. flag: false,
  20. },
  21. {
  22. flag: false,
  23. },
  24. ];
  25. fn(index) {
  26. arr[index].flag = !arr[index].flag
  27. this.setState({
  28. arr
  29. })
  30. }
  31. {arr.map((item, index) => {
  32. return (
  33. <div style={{ backgroundColor: item.flag ? "black" : "white" }} onClick={e => { fun(index) }}>
  34. 盒子
  35. </div>
  36. )
  37. })}