我在我的应用程序功能中有以下内容
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行。有什么办法吗?
只需在return()内给出条件