如何实现条件渲染功能？

Question

使用阿波罗的useQuery，我可以根据我的数据是否正在加载/是否会导致错误/是否经过修改来实现条件渲染，如下所示：

function Dogs({ onDogSelected }) {
  const { loading, error, data } = useQuery(GET_DOGS);

  if (loading) return 'Loading...';
  if (error) return `Error! ${error.message}`;

  return (
    <select name="dog" onChange={onDogSelected}>
      {data.dogs.map(dog => (
        <option key={dog.id} value={dog.breed}>
          {dog.breed}
        </option>
      ))}
    </select>
  );
}

如何在AWS Amplify中实现相同功能？