试图在React、Javascript中将代码拆分为多个页面。接收多个错误

我正在尝试将我的React项目分为多个部分。我首先将ListItem.js分离出来，它工作起来没有问题。我现在尝试拆分Button.js和Input.js时出错。Button.js给了我一个重复声明的错误。Input.js运行应用程序时没有出现错误，但从应用程序中消失

这是主页，App.js:

从“React”导入React；
从“react native”导入{样式表、文本、视图、文本输入、按钮、ImageBackground、ScrollView}；
从“/Users/Westin/assignment5/ListItem”导入ListItem；
从“/Users/Westin/assignment5/Input”导入输入；
从“/Users/Westin/assignment5/Button”导入按钮；
导出默认类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）=>（））
返回(
我最喜欢的东西
{InputOut}
{ButtonOut}
{thingsOut}
);
}
}
const styles=StyleSheet.create({
容器：{
背景颜色：“黑色”，
不透明度：0.7，
对齐项目：“居中”，
辩护内容：“flexstart”，
paddingTop:30，
颜色：“白色”
},
背景：{
弹性：1，
对齐项目：“居中”，
},
标题：{
填充：10，
},
标题文字：{
尺码：35，
颜色：'白色'，
}
});
在
App.js
中，您没有使用
Input
组件，而是使用了
InputOut
组件，该组件未在提供的代码中写入。另外，您在文本字段中提供了
{Props.this.state.thing}
值
，它应该是
Props.thing

重复声明错误

在以下代码中声明
按钮
组件网之前，您已经使用了
按钮
：

导入{样式表，文本，视图，文本输入，>>>>按钮您正在导入按钮，然后声明一个常量按钮。这就是冲突。此外，您有多个
道具。这…
引用。这些引用是什么？您尝试过
道具.this
而不是
道具.this.state.thing
？