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

时间:2015-06-24 21:08:12

标签: javascript checkbox reactjs

全新的React(两天前在维基百科上查找)所以从主页下载了当前版本v0.13.3。试图找到一个复选框示例(选中一个框,发生一些事情 - 就像标签出现或者其他东西)。这个适用于JSFIDDLE。发现令人非常沮丧的是,在React的新版本中,这些东西经常被弃用,因此旧的示例不再适用。在这个,浏览器说

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

甚至在代码中都没有。看着一堆文章,尝试了一堆像

这样的东西
React.renderComponent → React.render

任何人都知道使这个例子与当前版本的v0.13.3一起工作所需的神奇技巧吗?

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

感谢。

1 个答案:

答案 0 :(得分:1)

错误在于元素的渲染。

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中使用非组件函数