Reactjs|显示一个按钮[关闭]

Question

“标签”：{“砖”：真，“蛋糕”：假，“糕点”：假}

1---> 我需要以单行显示砖块蛋糕和糕点作为按钮。

2--> 如果值为真，那么例如“brick”：真此时需要显示绿色，否则如果“蛋糕”：假它应该有另一种颜色

我该怎么做？

Answer 1

export default function App() {
  const tabs = { brick: true, cake: false, pastery: false };
  return (
    <div style={{
      display: 'flex',
      alignItems: 'center'
    }}>
      {Object.entries(tabs).map(([key, value]) => {
        return <button style={{
          backgroundColor: value ? 'green': 'blue',
          marginRight: '8px'
        }}>{key}</button>;
      })}
    </div>
  );
}

输出：