一次判例退税

问题描述 投票:0回答:1

我在我的应用程序功能中有以下内容

 if (score.total === 0)
  {
    return (
      <div>
        <Header content="give feedback"/>
        <ChoiceButton choice="good" handleClick={handleClickGood}/>
        <ChoiceButton choice="neutral" handleClick={handleClickNeutral}/>
        <ChoiceButton choice="bad" handleClick={handleClickBad}/>
        <Header content="statistics"/>
        <div>No feedback given.</div>
      </div>
    )
  }

  return (
    <div>
      <Header content="give feedback"/>
      <ChoiceButton choice="good" handleClick={handleClickGood}/>
      <ChoiceButton choice="neutral" handleClick={handleClickNeutral}/>
      <ChoiceButton choice="bad" handleClick={handleClickBad}/>
      <Header content="statistics"/>
      <Statistics score={score} good={good} neutral={neutral} bad={bad}/>
      <StatisticsAll count={score.count}/>  
    </div>
  )

返回的div中的前5行是重复的。我只想返回一个,而不要再写前5行。有什么办法吗?

reactjs return conditional-statements
1个回答
0
投票

只需在return()内给出条件

© www.soinside.com 2019 - 2024. All rights reserved.