javascript - 在 ReactangerlySetInnerHTML() 中使用 JSX 表达式渲染 HTML 字符串

Question

我已经成功使用React的dangerlySetInnerHTML来渲染从API获得的HTML字符串响应，但现在我需要向由dangerouslySetInnerHTML设置的某些响应的部分添加一个点击处理程序。有没有办法将处理程序添加到angerlySetInnerHTML 内容？示例:

var api_response = '<a onClick={this.props.methodName} href="www.google.com">example</a>';

return <div dangerouslySetInnerHTML={_markupFromString(api_response)}></div>

function _markupFromString (msg) {
    return { '__html': msg };
}

Answer 1

这行不通。 angerlySetInnerHTML() 不适用于 JSX。更好的策略是让 AJAX 调用简单地返回所需的字符串和(链接和标题)，并为组件提供这些值作为 props。在这种情况下，组件只是链接。