我正在使用螞蟻設計下拉菜單。我有來自 API 的動態數據,當我嘗試將這些數據呈現到下拉菜單中時,它呈現為字符串。所以我使用這個react-html-parser庫將字符串呈現為 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>)}輸出:
在螞蟻設計中將渲染字符串作為 HTML 反應
皈依舞
2022-05-26 17:05:13