警告ReactJS中的错误无法到达代码

时间:2018-09-17 05:13:27

标签: javascript reactjs

我的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应用有一个无法访问的警告代码,即无法访问,任何人都曾经遇到过或帮助过我的问题

错误,否则返回语句

该错误在部分中:             
                     )     } 返回(            

提前谢谢

1 个答案:

答案 0 :(得分:2)

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