ReactJs,我对jsx和组件元素有一个奇怪的问题

ReactJs,我对jsx和组件元素有一个奇怪的问题,reactjs,Reactjs,对不起,我只是用图片,我在想也许图片可以更好地讲述正在发生的事情。。。 问题是,当我尝试键入一个类似于测试1的元素时。它失败了,如果它是单独的,它会说进口的物品没有被使用。。。 这里怎么了? 对于测试1和测试2,它应该呈现相同的内容两次 因为组件名称必须大写。您可以在此处阅读更多内容: 当一个元素类型以小写字母开头时,它引用一个内置组件,如or,并导致传递给React.createElement的字符串'div'或'span'。以大写字母开头的类型,如compile to React.cre

对不起,我只是用图片,我在想也许图片可以更好地讲述正在发生的事情。。。 问题是,当我尝试键入一个类似于测试1的元素时。它失败了,如果它是单独的,它会说进口的物品没有被使用。。。 这里怎么了? 对于测试1和测试2,它应该呈现相同的内容两次


因为组件名称必须大写。您可以在此处阅读更多内容:

当一个元素类型以小写字母开头时,它引用一个内置组件,如or,并导致传递给React.createElement的字符串'div'或'span'。以大写字母开头的类型,如compile to React.createElement(Foo),并与JavaScript文件中定义或导入的组件相对应


组件使用大写字母,即
AddTo