Javascript 错误';Helloworld';未在react中定义react/jsx no undef
我有一个如下所示的react代码,它在a行显示错误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
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>
)
})
)
}