如何在ReactJS中正确检索和显示数据表中的JSON对象值？

const data = {
  name: "John",
  age: 25,
  address: {
    city: "New York",
    country: "USA"
  }
};

render() {
  const name = this.state.data.name;
  const city = this.state.data.address.city;

  return (
    <div>
      <p>Name: {name}</p>
      <p>City: {city}</p>
    </div>
  );
}

render() {
  const city = this.state.data.address ? this.state.data.address.city : "";

  return (
    <div>
      <p>City: {city}</p>
    </div>
  );
}

render() {
  const items = this.state.data.items.map((item, index) => (
    <li key={index}>{item}</li>
  ));

  return (
    <div>
      <ul>{items}</ul>
    </div>
  );
}