使用打字稿限制反应子元素

Question

这个问题分为两个部分。

1。）如果我有一个input和一个form react typescript（tsx）组件，如何将form组件限制为仅接受input组件作为一个孩子。我试图做这样的事情...

import React from 'react';
import { Input } from '../input/input';

interface FormProps {
    children: Input[];
}

export const Form: React.FC<FormProps> = ({ children }) => {
    ...
};

但出现错误'Input' refers to a value, but is being used as a type here.

2。）如何遍历孩子以获取传递给该孩子的道具的价值？