昆明模板建站代理,人力社保网站建设的意义,适合平面设计师的网站,兽装定制工作室比如接口返回一个值
const values [23.00, 40.00/kg];想做到如下效果#xff0c;
如果单纯的用render渲染会很简单#xff0c; 但是在ts文件中处理#xff0c;所以采用了createElement拼接 代码如下#xff1a;
format: (values: string[]) {if (!values || !val…比如接口返回一个值
const values [¥23.00, ¥40.00/kg];想做到如下效果
如果单纯的用render渲染会很简单 但是在ts文件中处理所以采用了createElement拼接 代码如下
format: (values: string[]) {if (!values || !values.length) {return React.createElement(div, {}, -);}const contents: Arrayany [];forEach(values, (value: string, index: number) {let content;const line index 0? React.createElement(span,{ style: { color: red } },-): null;if (value.includes(/kg)) {const [price, kg] value.split(/);content React.createElement(div, {}, [React.createElement(span,{ style: { color: red } },price),React.createElement(span, {}, /),React.createElement(span, {}, kg),line,]);} else {content React.createElement(div, {}, [React.createElement(span,{ style: { color: red } },value),line,]);}contents.push(content);});const div React.createElement(div, {}, contents);return div;
},希望对大家了解createElement有点帮助❤️
