我正在使用螞蟻設(shè)計(jì)下拉菜單。我有來(lái)自 API 的動(dòng)態(tài)數(shù)據(jù),當(dāng)我嘗試將這些數(shù)據(jù)呈現(xiàn)到下拉菜單中時(shí),它呈現(xiàn)為字符串。所以我使用這個(gè)react-html-parser庫(kù)將字符串呈現(xiàn)為 HTML,但它不起作用。renderSocialMedia = () => {if (this.props.weblookup) { let socialmedialookup = this.props.weblookup webitems = "" return socialmedialookup.map((k, index) => { if (k.name.toLowerCase() != "other") return webitems = "<Menu.Item key=" + k.id + ">" + k.name + "</Menu.Item>" }) }}{ReactHtmlParser(webitems)}<FormItem> {getFieldDecorator('AddNetwork', { initialValue: "", })( <Dropdown overlay={ <Menu onClick='{this.handleMenuClick}'> <div>{ReactHtmlParser(webitems)}</div> </Menu>} trigger={['click']}> <a className="ant-dropdown-link" href="#"> Add Username <Icon type="down" /> </a></Dropdown>)}輸出:
在螞蟻設(shè)計(jì)中將渲染字符串作為 HTML 反應(yīng)
皈依舞
2022-05-26 17:05:13