第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

如何使用類名使用 Reactjs 呈現(xiàn)條件條件

如何使用類名使用 Reactjs 呈現(xiàn)條件條件

POPMUISE 2022-09-29 15:29:15
我試圖用一行替換下面的條件。classNames我的問題是，我不確定編寫代碼的正確方法是什么，因為等等...div我有以下代碼：有條件的const { pageTitle, removeTitle = false } = props;   # destructuringlet result;if(removeTitle){  result = <div className="header-without-title">{pageTitle}</div>;} else {  result = <div className="header-with-title">{pageTitle}</div>;}return (<div className="result-title">{result});};如果不存在，我可以寫這樣的東西...divconst result = classNames({"header-without-title": removeTitle, "header-title": !removeTitle});但我現(xiàn)在不確定我有，我會感激在這里得到一些幫助...div一個解決方案之外將是非常有幫助的JSX
查看完整描述

3 回答

?
慕的地6264312

TA貢獻1817條經(jīng)驗 獲得超6個贊

return (

    <div className="result-title">

        <div className={`header-${removeTitle ? 'without-title' : 'with-title'}`}>{pageTitle}</div>

    </div>

);

或使用 https://github.com/JedWatson/classnames


return (

    <div className="result-title">

        <div className={classNames({ 'header-without-title': removeTitle, 'header-with-title': !removeTitle })}>

            {pageTitle}

        </div>

    </div>

);

編輯：JSX之外的解決方案


const result = (

    <div className={classNames({ 'header-without-title': removeTitle, 'header-with-title': !removeTitle })}>

        {pageTitle}

    </div>

);


return (

    <div className="result-title">

        {result}

    </div>

);


查看完整回答
反對 回復(fù) 2022-09-29
?
白衣非少年

TA貢獻1155條經(jīng)驗 獲得超0個贊

您可以只內(nèi)聯(lián)類名函數(shù)


const { pageTitle, removeTitle = false } = props;


const result = classNames({"header-without-title": removeTitle, "header-title": !removeTitle});


return (

  <div className="result-title">

    <div className={result}>

      {pageTitle}

    </div>

  </div>);

);


查看完整回答
反對 回復(fù) 2022-09-29
?
拉風(fēng)的咖菲貓

TA貢獻1995條經(jīng)驗 獲得超2個贊

對此有幾個答案。取決于每種情況

React 中兩個類之間的三元數(shù)：

<div className={`header-${removeTitle ? 'without-title' : 'with-title'}`}>

類之間的三元或空在反應(yīng)Java腳本中：

<div className={removeTitle ? 'without-title' : null}>

渲染類與否在 React Java 腳本和類型腳本中是三元的：

<div className={...(removeTitle ? { className: 'without-title' } : {})}>


查看完整回答
反對 回復(fù) 2022-09-29
  • 3 回答
  • 0 關(guān)注
  • 112 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號