reactjs中的警告错误无法访问的代码[重复]

Question

这个问题在这里已有答案：

• Warning: Unreachable code , using Reactjs 2回答

我的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语句，因此该代码无法访问。