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

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

如何在以下代碼段中從另一個類導入的自定義 JSX 標記中換行:

如何在以下代碼段中從另一個類導入的自定義 JSX 標記中換行:

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"           />在這里,我想在第二點之后換行,我嘗試了 '\n' 和 br,這個標簽是通過以下代碼在 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貢獻1818條經驗 獲得超8個贊

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


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>

)


查看完整回答
反對 回復 2023-03-18
?
守候你守候我

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

使用數組,然后循環數組輸出

對于每個項目。使用字符串不會起作用,因為它在進入道具時會被轉義。雖然我知道它可能不適合職位描述字段。


查看完整回答
反對 回復 2023-03-18
  • 2 回答
  • 0 關注
  • 141 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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