我当前使用nodejs使用deepstream。现在,我正在关注此处的教程,以便使用新图书馆:Deepstream教程
但是,完成文件的渲染部分后,我会遇到错误。这是当前的代码:
<!DOCTYPE html>
<html>
<head>
<script src="deepstream.js"></script>
</head>
<body>
<input type="text" />
<script type="text/javascript">
const deepstream = require('deepstream.io-client-js')
const DeepstreamMixin = require('deepstream.io-tools-react')
const client = deepstream('localhost:6020').login({}, () => {
//ReactDOM.render call will go in here
ReactDOM.render(
<SyncedInput dsRecord="some-input" />,
document.getElementById('example')
)
const SyncedInput = React.createClass({
mixins: [DeepstreamMixin],
setValue: function(e) {
this.setState({value: e.target.value})
},
render: function() {
return (
<input value={this.state.value} onChange={this.setValue} />
)
}
})
})
DeepstreamMixin.setDeepstreamClient(client)
</script>
</body>
</html>
在渲染函数:"输入值"
您缺少React所需的依赖关系。目前,由于JavaScript中发现的无效字符,该错误正在出现。这些字符都是React的元语言JSX的一部分。
教程假设您已经设置了该教程。有两个选择:
使用WebPack预处理您的代码,以便将所有JSX转换为适当的JavaScript
在浏览器变压器中加载。有关更多信息,请参见本教程-https://www.sitepoint.com/getting-started-react-jsx/
我建议使用#2,因为这需要更少的设置。