Skip to content

react/no-danger-with-children

禁止DOM元素同时使用children和dangerouslySetInnerHTML

为什么

children和dangerouslySetInnerHTML同时使用,只会有一个生效,这么写只会给阅读的人带来困扰

建议

只使用children

错误示例

tsx
import React from 'react';

React.createElement(
  'div',
  { dangerouslySetInnerHTML: { __html: 'HTML' } },
  'ranwawa'
);
import React from 'react';

React.createElement(
  'div',
  { dangerouslySetInnerHTML: { __html: 'HTML' } },
  'ranwawa'
);

正确示例

tsx
import React from 'react';

React.createElement('div', {}, 'ranwawa');
import React from 'react';

React.createElement('div', {}, 'ranwawa');

参考