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

要回答这个问题，首先需要了解React.FC的含义。React.FC是一种React函数组件类型的写法，用于定义函数组件的props类型和返回类型。

对于带有非可选React.FC的孩子，可以通过以下方式进行输入：

直接将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;

在这个例子中，Child组件是一个带有非可选的React.FC孩子，它接收一个name和age属性，并进行渲染。

使用React.ReactNode作为孩子组件的类型进行输入。React.ReactNode可以接收任何可以被渲染的React元素，包括React组件。

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;

在这个例子中，Parent组件通过ChildProps对象传递属性给Child组件，并使用条件渲染确保只在childProps存在时渲染Child组件。

以上是关于如何输入带有非可选React.FC的孩子的解答。如需了解更多关于React.FC和React组件的内容，可以参考腾讯云云开发产品的文档：React开发指南。