可以在React中将条件作为prop发送吗？

import React, { useState } from 'react';

function App() {
  const [condition, setCondition] = useState(true);

  return (
    <div>
      <Child condition={condition} />
      <button onClick={() => setCondition(!condition)}>Toggle Condition</button>
    </div>
  );
}

function Child(props) {
  return (
    <div>
      {props.condition ? <p>Condition is true</p> : <p>Condition is false</p>}
    </div>
  );
}

export default App;