Javascript 如何从多个jsx文件中的组件创建复合React.js组件

我正在学习如何使用React.js编程，但不了解如何从多个jsx文件中的组件创建复合React.js组件。我能够从单个jsx文件中的单个组件生成复合组件，但当我尝试在另一个jsx文件中使用一个jsx文件中的组件时，该组件无法识别（超出范围）。我不确定这是否重要，但我将Visual Studio 2015用于我的IDE，这两个jsx文件是Visual Studio项目的一部分。

像这样导入它们

从“React”导入React；
从“./dropdown.menu”导入下拉菜单；
导入下拉菜单从“.”中选择/下拉菜单。选择“；
设AppCtrlSty={
高度：“100%”，
填充：“0 10px 0”
}
设DropDownSty={
边框：“实心1px深灰色”，
高度：“计算（100%-10px）”，
溢出：“自动”，
paddingLeft:'0'，
宽度：“33%”
}
导出默认类AppCtrl扩展React.Component{
render（）{
返回(
反应1.4下拉列表


);
}
}

您能告诉我们您的尝试吗？