从 React 组件返回 RSS

Question

我不确定如何解决这个问题。当我尝试 return 第一行时，我在 WebStorm 中遇到语法错误。

const Feed = Component({
    render() {
        return (
            <?xml version="1.0" encoding="utf-8"?>
                <rss version="2.0">
                    <channel>
                        <title>Test</title>
                        <link>test</link>
                        <description>test</description>
                        <item>
                            <title>test</title>
                            <link>test</link>
                            <guid>test</guid>
                            <pubDate>Tues, 23 Aug 2016 10:00:00 CDT</pubDate>
                            <description>test</description>
                        </item>
                    </channel>
                </rss>
        );
    }
})

export default Feed

React 不喜欢语法 <?xml version="1.0" encoding="utf-8"?> 因为它无法识别什么

Answer 1

是的，React 无法识别 xml。因此，您需要将 xml 转换为字符串并将其放在 <pre> 标签下以保留缩进。

工作fiddle：https://jsfiddle.net/Pranesh456/qt2bp9oe/3/

从 React 组件返回 RSS

Returning RSS from React Component

javascript

rss

reactjs