首頁(yè) 猿問(wèn) 如何在 React.js 中添加條件

如何在 React.js 中添加條件

JavaScript

慕碼人2483693 2021-12-12 09:42:30

如果兩個(gè)條件為真，我想顯示工具提示。 <LikelihoodIndicatorRefi likelihood={ props.props.approvalChance_NewLoan } > {console.log(props.props.approvalChance_NewLoan === 'Less Likely' && props.props.approvalChance_Combined === 'Less Likely')} {(props.props.approvalChance_NewLoan === 'Less Likely' && props.props.approvalChance_Combined === 'Less Likely' && <SmartTooltip wrapperCssClass="option-detail-tooltip" ctaLabel="How do I increase my chances?"> <h3>Less Likely</h3> <p> Want to improve your chnace of getting this loan?  Try increasing the time to pay it back over.Or you could try asking for less money. </p> </SmartTooltip>)} </LikelihoodIndicatorRefi> <LikelihoodIndicatorRefi likelihood={ props.props.approvalChance_NewLoan } > {console.log(props.props.approvalChance_NewLoan === 'Less Likely' && props.props.approvalChance_Combined === 'Less Likely')} {(props.props.approvalChance_NewLoan === 'Less Likely' && props.props.approvalChance_Combined === 'Less Likely' && <SmartTooltip wrapperCssClass="option-detail-tooltip" ctaLabel="How do I increase my chances?"> <h3>Less Likely</h3> <p> Want to improve your chnace of getting this loan?  Try increasing the time to pay it back over.Or you could try asking for less money. </p> </SmartTooltip>)} </LikelihoodIndicatorRefi>

查看完整描述

2 回答

青春有我

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超8個(gè)贊

嘗試

{(props.props.approvalChance_NewLoan === 'Less Likely' &&

props.props.approvalChance_Combined === 'Less Likely' ?

<h3>Less Likely</h3>

<p>

Want to improve your chnace of getting this loan?  Try increasing the time to pay it back over.Or you could try asking for less money.

</p>

</SmartTooltip>) : null}

反對(duì) 回復(fù) 2021-12-12

墨色風(fēng)雨

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超6個(gè)贊

簡(jiǎn)單地鏈接&&表達(dá)式，如果之前的所有表達(dá)式都為真，它總是會(huì)計(jì)算到最后一個(gè)表達(dá)式。所以bool && bool && <Component />將足以顯示它。如果您將它作為 JSX 樹(shù)中的第一個(gè)元素，那么您應(yīng)該<></>在條件周圍添加React.Fragment 以獲得有效的根元素。

反對(duì) 回復(fù) 2021-12-12