是否可以渲染出具有换行代码的数据？

Question

您好我有一个组件可以呈现一些数据。一些字符串是段落，我希望有换行符，产生相同的html结果。

是否可以渲染字符串并重新获得换行符号？

我尝试在数据字符串中放置以下标记...

content: `Your \u000D \u000D \u000D \u000D \u000A\ system \u000D\u000A \r\n may not \u0009 %09 \t`

我的渲染功能......

class HelpFileContainerRender extends Component {

    render() {
        const renderHelpFile = this.props.data.filter(obj => {

            return this.props.name === obj.name;
                }).map((obj, idx) => {
                return (
                    <div key={idx}>
                        <div className="divImg">
                            <img src={`${obj.image}`} className="helpFileImg"></img>< br/>
                        </div>
                        <div>   
                            <span></span><h3 style={upperStyle}> {obj.name} </h3>
                            <span><b>Path:</b></span> {obj.path} <br /><br />
                            <span>{obj.content} </span> <br /><br />
                            <span><b>Troubleshooting:</b></span> {obj.troubleshoot} <br /><br />
                            <span><b>Video:</b></span> {obj.video} <br />
                        </div>
                    </div>
                );
        });

        return (
            <div>
                {renderHelpFile}
            </div>
        )
    }
}