如何在react中应用条件？

render() {
  if (condition) {
    return <div>条件为真时的内容</div>;
  } else {
    return <div>条件为假时的内容</div>;
  }
}

render() {
  return (
    <div>
      {condition ? <div>条件为真时的内容</div> : <div>条件为假时的内容</div>}
    </div>
  );
}

render() {
  return (
    <div>
      {condition && <div>条件为真时的内容</div>}
    </div>
  );
}

function ConditionalComponent({ condition }) {
  if (condition) {
    return <div>条件为真时的内容</div>;
  } else {
    return <div>条件为假时的内容</div>;
  }
}

render() {
  return (
    <div>
      <ConditionalComponent condition={condition} />
    </div>
  );
}