创建一个用换行符替换字母的函数

Question

我正在尝试创建一个用换行符替换某些特定字符的函数。

我正在从我的 API 中获取数据，但我总是 return [object Object]

我的函数是这样写的：



  const includeFunction = (data) => {
const linebreak = React.createElement('br')
return data.replace("lb182", linebreak)
  }


          <ArticleComponent
            description={includeFunction(job.description)}

};

然后我将它传递给渲染器：

 description={includeFunction(job.description)}

知道如何用换行符替换字符吗？

Answer 1

问题可能在于您将 React 元素放入字符串中。您可以使用函数 return 一个包含字符串和换行符的数组。例如：

function replaceBreaks(data){
    const stringAsArr = data.split("lb182").map(str => [str, <br />]).flat();
    stringAsArr.pop();
    return stringAsArr;
 }

创建一个用换行符替换字母的函数

Creating a function that replace a letter with a line break

reactjs

react-dom