reactjs - ES LINT 警告：- 在循环中声明的函数包含对变量“randomColor”的不安全引用，如何删除此警告？

Question

    //pick random color from existing palettes
    const allColors = this.props.palettes.map(p => p.colors).flat();
    let rand;
    let randomColor = "";
    let isDuplicateColor = true;
    while (isDuplicateColor) {
      rand = Math.floor(Math.random() * allColors.length);
      randomColor = allColors[rand];
      isDuplicateColor = this.state.colors.some(
        color => color.name === randomColor.name
      );
    }
    this.setState({ colors: [...this.state.colors, randomColor] });
  }

这部分代码给了我警告“在循环中声明的函数包含对变量‘randomColor’的不安全引用”，我必须解决这个问题才能部署

标签： reactjswarningseslint