Skip to main content

匹配空格并换行

const Demo = props => {

// 匹配空格并换行
const replaceStr = (str) => {

if (str.indexOf(' ') >= 0) {

const strArr = str.split(' ');
const arr = [];

for (let i = 0; i < strArr.length; i++) {
arr.push(`<div>${strArr[i]}</div>`);
}
const arrToStr = arr.toString().replace(/,/g, '');

// eslint-disable-next-line react/jsx-filename-extension
return <div dangerouslySetInnerHTML={{ __html: arrToStr }} />;
} else {
return str;
}

};

ReactDOM.render(
<div>
{/* { props.content} */}
{ replaceStr(props.content) }
</div>,
div,
);
};

链接

react中dangerouslySetInnerHTML使用(简洁)