javascript - 警告错误:reactjs 中无法访问代码

Question

这个问题已经有答案了:

Warning: Unreachable code , using Reactjs (2 个回答)

已关闭 4 年前。

我的reactjs应用程序有一个警告:无法访问代码不可达，有没有人遇到过或帮助过我的问题

if else return 语句错误

错误出现在以下部分:
) }返回 (

提前谢谢

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应用程序有一个警告:无法访问代码不可达，有没有人遇到过或帮助过我的问题

if else return 语句错误

错误出现在以下部分:
) }返回 (

提前谢谢

Answer 1

那是因为最后一个 return 语句永远不会起作用。您已经有一个 if...else 语句。这意味着其中任何一个都会起作用，并且任何一个都会返回(if 条件或 else 条件都将起作用)，并且您的代码在任何情况下都不会转到最后一个 return 语句，因此该代码无法访问。