如何输入带有非可选` React.FC `的孩子？

import React from 'react';

type ChildProps = {
  name: string;
  age: number;
};

const Child: React.FC<ChildProps> = ({ name, age }) => (
  <div>
    <p>Name: {name}</p>
    <p>Age: {age}</p>
  </div>
);

const Parent = () => (
  <div>
    <Child name="John" age={25} />
  </div>
);

export default Parent;

import React from 'react';

type ChildProps = {
  name: string;
  age: number;
};

const Child: React.FC<ChildProps> = ({ name, age }) => (
  <div>
    <p>Name: {name}</p>
    <p>Age: {age}</p>
  </div>
);

const Parent = () => {
  const childProps: ChildProps = { name: 'John', age: 25 };

  return (
    <div>
      {childProps && (
        <Child name={childProps.name} age={childProps.age} />
      )}
    </div>
  );
};

export default Parent;