Javascript 将类导入到react中

我正在尝试将一个类导入react项目的return（）中。我尝试使用reactDOM，但我不断收到一个错误，说“未找到名称ht的视图配置”。我试图导入的类称为“ht”。我把标签放在标题标签之间。这是App.js：

从“React”导入React；
从“react native”导入{样式表、文本、视图、文本输入、按钮、ImageBackground、ScrollView}；
从“/Users/Westin/assignment5/components/ListItem”导入ListItem；
从“/Users/Westin/assignment5/components/ht”导入ht；
导出默认类App扩展React.Component{
陈述={
事情：“，
事物：[]，
};
thingValueChanged=值=>{
//警报（值）；
这是我的国家({
东西：价值
});
}
onClickingAdd=（）=>
{
如果（this.state.thing==“”）
{
返回；
}
this.setState（prevState=>{
返回{
事物：prevState.things.concat（prevState.thing）
};
});
}
render（）{
const thingsOut=this.state.things.map（（thing，i）=>（））；
返回(
ReactDOM.render（，document.getElementById（'ht'））；
{thingsOut}
);
}
}
const styles=StyleSheet.create({
容器：{
背景颜色：“黑色”，
不透明度：0.7，
对齐项目：“居中”，
辩护内容：“flexstart”，
paddingTop:30，
颜色：“白色”
},
背景：{
弹性：1，
对齐项目：“居中”，
},
标题：{
填充：10，
},
标题文字：{
尺码：35，
颜色：'白色'，
},
输入：{
flexDirection:“行”，
宽度：“100%”，
辩护内容：“空间均匀”，
对齐项目：“中心”，
背景颜色：“黑色”，
不透明度：“0.7”，
},
输入框：{
边界宽度：2，
身高：40，
宽度：“70%”，
背景颜色：“白色”，
填充：10，
},
添加按钮：{
添加按钮：{
宽度：“30%”，
}}});React组件必须以大写字母开头，因此按如下方式导入类：

import Ht from "/Users/Westin/assignment5/components/ht";

为了保持一致性，我还建议将其原名改为大写字母

然后，将组件渲染为常规组件：

....
<View style={styles.header}>
<Ht />
</View>
....

。。。。
....
React组件必须以大写字母开头，因此请按如下方式导入您的类：

import Ht from "/Users/Westin/assignment5/components/ht";

为了保持一致性，我还建议将其原名改为大写字母

然后，将组件渲染为常规组件：

....
<View style={styles.header}>
<Ht />
</View>
....

。。。。
....
为什么要用ReactDOM呈现类组件？它无法正常工作。我看不到您在何处导入ReactDOMInstead只需使用
注意，您可能必须更改类名以大写字母开头。为什么要尝试使用ReactDOM呈现类组件？它不能正常工作。我看不到从何处导入ReactDOMInstead只需使用
注意，您可能必须更改类名以大写字母开头。