反应儿童问题（打字稿）

Question

我将提供我的问题所需的所有代码，我对如何解决这个问题感到困惑我尝试过许多无效的代码。

interface JobBuilderModelProps {
    pageState: BuilderState;    
}

this.props.children显示JobBuilderModel.tsx或JobBuilderSearch.tsx。如果需要，我可以为每个提供代码，但我能找到的主要识别因素是道具：

interface JobBuilderSearchProps {
    pageState: SearchState;
}

<div className="search-job-section">
...
</div>

以及容器div的classNames：

<div className="model-job-section">
...
</div>

if (x[a] < num)

我提供这些的原因是因为我必须弄清楚将显示两个反应组件中的哪一个（并且我一直试图以任何方式区分这两个组件，以便识别实际显示的是哪个但可能是不是正确的方法），并在此基础上，必须将一个字符串传递到也在页面上的JobPostingControl控件。如果需要更多细节，请告诉我。

Answer 1

如果我理解正确，问题是如何找出JobBuilderOptimise组件的子项内部的组件类型。如果是这样 - 您可以使用孩子的type属性 - 这将返回相应孩子的类型。

然后你可以测试一下代码里面的内容类似于：

if((child.type as any).prototype instanceof JobBuilderModel)
{

}