v0.13.3中的React.js复选框示例

React.js checkbox example in v0.13.3?

本文关键字:复选框 js React 中的 v0      更新时间:2023-09-26

React是全新的(两天前在维基百科上查找),因此从主页下载了当前版本v0.13.3。尝试查找复选框示例(选中一个复选框,就会发生一些事情,比如出现标签之类的)。这个在JSFIDDLE中工作。沮丧地发现,在React的新版本中,这些东西经常被弃用,所以旧的例子已经不起作用了。在这个问题上,浏览器显示

Uncaught TypeError: Cannot read property '__reactAutoBindMap' of undefined`)

这甚至不在代码中。看了一串串文章,试了一串串串之类的东西

React.renderComponent → React.render

有人知道在当前版本的v0.13.3中使用此示例所需的魔术吗?

或者有人知道v0.13.3中的一个工作复选框示例吗?

谢谢。

错误出现在元素的呈现中。

React.renderComponent(
    CrossoutCheckbox({text: "Text Text", complete: false}),document.body
);

如果您不想使用JSX,正确的语法如下:

React.render(
    React.createElement(
        CrossoutCheckbox, {text: "Test text", complete: false}),
        document.body);

在0.13.0中删除了对元素的直接创建,如您在更改日志中所读https://github.com/facebook/react/blob/master/CHANGELOG.md

0.12中警告的弃用模式不再有效:最突出的是,在不使用JSX或React.createElement的情况下调用组件类,并使用带有JSX或createElement 的非组件函数