Javascript 错误';Helloworld';未在react中定义react/jsx no undef

Javascript 错误';Helloworld';未在react中定义react/jsx no undef,javascript,reactjs,react-native,Javascript,Reactjs,React Native,我有一个如下所示的react代码,它在a行显示错误Helloworld未定义,尽管它在B行定义 反应代码: const Helloworld = (props) => { /* Line B */ return ( timezones.map((timezone) => { <a onClick = { (e) => { e.preventDefaul

我有一个如下所示的react代码,它在a行显示错误
Helloworld未定义
,尽管它在B行定义

反应代码:

const Helloworld = (props) => {  /* Line B */
    return (
        timezones.map((timezone) => {
            <a onClick = {
                (e) => {
                    e.preventDefault();
                    props.onChange(timezone)
                }
            } > timezone < /a>
        })
    )
}


return(
    <VersionPageHolder>
        {
            <Helloworld onChange={(timezone) => {      /* Line A */     
                setSelectedTimezone(timezone);
            }}
            />
        }
        <div>{content.title}</div>
        <div>Version List : </div>
        <div>{
            renderElements(selectedTimezone)
        }</div>
    </VersionPageHolder>
)
const Helloworld=(props)=>{/*行B*/
返回(
时区地图((时区)=>{
{
e、 预防默认值();
道具更改(时区)
}
}>时区
})
)
}
返回(
{
{/*行A*/
设置所选时区(时区);
}}
/>
}
{content.title}
版本列表:
{
渲染(选定时区)
}
)

这是因为您没有返回任何值。你可以这样做。 您需要在时区
(时区)=>(

const Helloworld=(props)=>{/*行B*/
返回(
时区地图((时区)=>(
{
e、 预防默认值();
道具更改(时区)
}
}>时区
))
)
}
或者也可以这样做。只需返回映射中的组件

const Helloworld = (props) => {  /* Line B */
    return (
        timezones.map((timezone) => {
          return (
            <a onClick = {
                (e) => {
                    e.preventDefault();
                    props.onChange(timezone)
                }
            } > timezone < /a>
          )
        })
    )
}
const Helloworld=(props)=>{/*行B*/
返回(
时区地图((时区)=>{
返回(
{
e、 预防默认值();
道具更改(时区)
}
}>时区
)
})
)
}

删除
{
行A
中的
Helloworld
如下?
/*行A*/setSelectedTimezone(timezone);}/>
是,不带
{
}
wrapping a round
在删除它时,它向我显示了错误。你能在答案中解释我吗?是
Helloworld
组件在同一个文件中还是你正在导入?@Yadav嗨,我还有一个问题(不类似)。它来自同一个文件。我想知道你是否可以查看它
const Helloworld = (props) => {  /* Line B */
    return (
        timezones.map((timezone) => {
          return (
            <a onClick = {
                (e) => {
                    e.preventDefault();
                    props.onChange(timezone)
                }
            } > timezone < /a>
          )
        })
    )
}