从react元素中提取外部html

Question

const group = <g className="box" transform="translate(-13,147) rotate(45, 240, 80)"></g>;

我已经定义了如上所示的组。 这里的group是一个svg组元素。所以现在我必须计算变换矩阵和所有。 但是在做console.log(group)时，它显示了这个：

{$$typeof: Symbol(react.element), type: "g", key: null, ref: null, props: {…}, …}$$typeof: Symbol(react.element)key: nullprops: {className: "bbox", transform: "translate(-13,147) rotate(45, 240, 80)"}ref: nulltype: "g"_owner: null_store: {validated: false}_self: null_source: null__proto__: Object

我期待<g className="bbox" transform="translate(-13,147) rotate(45, 240, 80)"></g>。那么如何从中提取html部分呢。 或者我必须以其他方式定义它。

Answer 1

您需要使用ReactDOM模块：

import ReactDOM from 'react-dom';

ReactDOM.findDOMNode(group);