javascript - 检查 Javascript 对象的每个键中的特定值

Question

我有以下行:

<button className={`actionBoxButton ${props.moves[0].moveName !== "FirstPassMove" && props.moves[0].moveName !== "PassMove"  ? "actionBoxButtonGrey" : ''}`}

它的作用是检查对象“移动”的键 moveName 的值是否为“FirstPassMove”。如果是这样，我想要它，所以切换到另一种风格。这运作良好。但我想要实现的是，不仅检查对象的元素 0，而是检查所有对象，并检查对象的任何元素中是否存在 moveName“FirstPassMove”。它是用 React 16.12 编写的

谢谢!

Answer 1

您可以通过为动态 className 定义单独的函数来简化您的 jsx，如下所示:

const check = () => {
	let className_ = "";
    // if this.props.moves is an array, use of instead of in
	for(let i in this.props.moves) {
		if((this.props.moves[i].moveName !== "FirstPassMove") && (this.props.moves[i].moveName !== "PassMove")) {
			className_ = "actionBoxButtonGrey";
		}
	}

	return className_;
}

<button className={this.check()}>button</button>