小唯快跑啊
2022-12-22 12:15:15
我想了解為什么這段代碼的編譯版本無(wú)效<Fragment> {listData.list.description && ( <div> <div dangerouslySetInnerHTML={{ __html: list.description }} /> {hasTopCollection && <ImageAttribution />} </div> // ^ ) expected {list.listOptions.brandHeaderType === 20 && <SomeComponent />} // ^ Parsing error: Unexpected token, expected "," )}</Fragment>我listData.list.description && <Description>在父組件中有此組件,但現(xiàn)在我想將此邏輯移至實(shí)際<Description>組件中。所以在這之前是這樣的:<Fragment> <div> <div dangerouslySetInnerHTML={{ __html: list.description }} /> {hasTopCollection && <ImageAttribution />} </div> {list.listOptions.brandHeaderType === 20 && <SomeComponent />}</Fragment>
1 回答

幕布斯6054654
TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超7個(gè)贊
現(xiàn)在<Fragment>只有一個(gè)孩子,所以不是很需要。但是,在括號(hào)內(nèi)有兩件事。僅括號(hào)不足以對(duì)孩子進(jìn)行分組,因此<Fragment>可以在此處使用 a 代替:
{listData.list.description &&
<Fragment>
<div>
<div dangerouslySetInnerHTML={{ __html: list.description }} />
{hasTopCollection && <ImageAttribution />}
</div>
{list.listOptions.brandHeaderType === 20 && <SomeComponent />}
</Fragment>}
添加回答
舉報(bào)
0/150
提交
取消