第九章：条件渲染 + 列表渲染

function SmartHome() {
  const [rooms, setRooms] = useState([
    { id: 1, name: '客厅', temp: 28, hasAC: true },
    { id: 2, name: '卧室', temp: 25, hasAC: true },
    { id: 3, name: '厨房', temp: 32, hasAC: false },
  ]);

  return (
    <div>
      {rooms.map(room => (
        <div key={room.id}>
          <h3>{room.name} - {room.temp}°C</h3>

          {room.hasAC ? (
            <AirConditioner initialTemp={room.temp} />
          ) : (
            <p>该房间未安装空调</p>
          )}
        </div>
      ))}
    </div>
  );
}