如果条目存在于json文件中(在ReactJS上)，则以不同的背景色显示网格单元格

import React, { Component } from 'react';

class Grid extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: []
    };
  }

  componentDidMount() {
    fetch('data.json')
      .then(response => response.json())
      .then(data => this.setState({ data }));
  }

  render() {
    const { data } = this.state;

    return (
      <div>
        {data.map(item => (
          <div
            key={item.id}
            style={{
              backgroundColor: item.exists ? 'green' : 'red',
              width: '100px',
              height: '100px',
              margin: '5px',
              display: 'inline-block'
            }}
          >
            {item.text}
          </div>
        ))}
      </div>
    );
  }
}

export default Grid;

[
  {
    "id": 1,
    "text": "Item 1",
    "exists": true
  },
  {
    "id": 2,
    "text": "Item 2",
    "exists": false
  },
  {
    "id": 3,
    "text": "Item 3",
    "exists": true
  }
]