亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

從函數返回帶有 html 的字符串以在 JSX 中使用

從函數返回帶有 html 的字符串以在 JSX 中使用

qq_笑_17 2023-05-11 15:57:27
我是 JSX/React 的新手,如果有人問過這個問題,請先向我道歉,請讓我參考這個問題。為了刪除一些內聯代碼,我創建了一個函數,它返回要在模板/JSX 中顯示的值,這工作正常,除非它需要返回一個字符串 + 一個元素(鏈接元素),該函數如下所示:let displayText = () => {   let supportLink = <Link component={RouterLink} to={`/customers/${customer.id}/support`}>support</Link>         return `We are unable to do something. If you have further questions, please contact our ${supportLink}`  };實際上這看起來像We are unable to do something. If you have further questions, please contact our [object, object]如何在我的字符串中包含該元素并使其正確顯示?
查看完整描述

1 回答

?
侃侃無極

TA貢獻2051條經驗 獲得超10個贊

您正在返回一個模板字符串,因此supportLink被強制轉換為字符串,因此顯示[object, object]


您需要修改 return 語句以返回ReactElement如下所示:


let displayText = () => {

   let supportLink = <Link component={RouterLink} to={`/customers/${customer.id}/support`}>support</Link>

       

  return (<>

    We are unable to do something. If you have further questions, please contact our {supportLink}

  </>)

};


查看完整回答
反對 回復 2023-05-11
  • 1 回答
  • 0 關注
  • 174 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號