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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何在以下代碼段中從另一個(gè)類導(dǎo)入的自定義 JSX 標(biāo)記中換行:

如何在以下代碼段中從另一個(gè)類導(dǎo)入的自定義 JSX 標(biāo)記中換行:

MMTTMM 2023-03-18 17:05:34
          <Experience           startYear={2019}           endYear={2019}           jobName="First Job"           jobDescription="1. Providing API calls support for Headless CMS.2. Provide escalated ticket/incident management support"           />在這里,我想在第二點(diǎn)之后換行,我嘗試了 '\n' 和 br,這個(gè)標(biāo)簽是通過以下代碼在 JSX 中制作的:       import React, { Component } from 'react';       import { Grid, Cell } from 'react-mdl';       class Experience extends Component {          render() {             return(                <Grid>                <Cell col={4}>                   <p>{this.props.startYear} - {this.props.endYear}</p>                </Cell>                <Cell col={8}>                  <h4 style={{marginTop:'0px'}}>{this.props.jobName}</h4>                <p>{this.props.jobDescription}</p>                </Cell>               </Grid>             )         }     }     export default Experience;
查看完整描述

2 回答

?
弒天下

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

我會(huì)通過將 jsx 組件作為道具傳遞給孩子,而不僅僅是原始文本。這使您可以更靈活地控制 UI 在父組件中的呈現(xiàn)/排序方式。


const Parent = () => (

    <Child 

        jobDescription={(

           <div style={{ flexDirection: 'column' }}>

              <div>1. Providing API calls support for Headless CMS.</div>

              <div>2. Provide escalated ticket/incident management support.</div>

           </div>

        )}

    />

)


const Child = (props) => (

    <div>

       <div>Child specific stuff</div>

       {props.jobDescription}

    </div>

)


查看完整回答
反對(duì) 回復(fù) 2023-03-18
?
守候你守候我

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

使用數(shù)組,然后循環(huán)數(shù)組輸出

對(duì)于每個(gè)項(xiàng)目。使用字符串不會(huì)起作用,因?yàn)樗谶M(jìn)入道具時(shí)會(huì)被轉(zhuǎn)義。雖然我知道它可能不適合職位描述字段。


查看完整回答
反對(duì) 回復(fù) 2023-03-18
  • 2 回答
  • 0 關(guān)注
  • 151 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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