我的reactjs应用有一个无法访问的警告代码,即无法访问,任何人都曾经遇到过或帮助过我的问题
错误,否则返回语句
该错误在部分中:
)
}
返回(
提前谢谢
const listNews = [];
if (<Route path="/berita/:id" component={ViewsBerita} />) {
return(
<div>
<GridItem xs={12} sm={12} md={8}>
<div className={classes.section} style={styleTitle}>
<div className={classes.container}>
<HashRouter>
<Route path="/berita/:id" component={ViewsBerita} />
</HashRouter>
</div>
</div>
</GridItem>
</div>
);
} else {
return(
<div>
<GridItem xs={12} sm={12} md={7}>
<div style={style}>
<ul>
{renderTodos}
</ul>
<br />
<ul style={pagination}>
{renderPrevBtn}
{pageDecrementBtn}
{renderPageNumbers}
{pageIncrementBtn}
{renderNextBtn}
</ul>
</div>
</GridItem>
</div>
)
}
return (
<div>
<Headers />
<div className={classNames(classes.main, classes.mainRaised)} key="i">
<br />
<GridContainer>
<GridItem xs={12} sm={12} md={12}>
<div className={classes.section} style={styleTitle}>
<div className={classes.container}>
<h1> <b> Berita & Event </b> </h1>
<div style={{ width: '25%', marginLeft: '37%' }}>
<p style={{ border: '1px solid', borderColor: 'yellow'}} > </p>
</div>
</div>
</div>
</GridItem>
{listNews}
</GridContainer>
<Footers />
</div>
<Footer />
<ScrollToTop showUnder={160} style={{zIndex: 100 }}>
<span> <img src={Up} alt="up" style={{ width: '40px', height: '40px' }} /> </span>
</ScrollToTop>
</div>
);
}
}
export default withStyles(componentsStyle)(Components);
我的reactjs应用有一个无法访问的警告代码,即无法访问,任何人都曾经遇到过或帮助过我的问题
错误,否则返回语句
该错误在部分中:
)
}
返回(
提前谢谢
答案 0 :(得分:2)
这是因为最后一个return
语句永远不会起作用。您已经有一个if...else
语句。这意味着任何一种都将起作用,并且任何一种都将返回(if
条件或else
条件将起作用),并且您的代码在任何情况下都不会进入最后的return语句,因此该代码无法访问。