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

Question

Brand new to React (looked up on wikipedia two days ago) so downloaded current version v0.13.3 from home page. Trying to find a checkbox example (check a box, something happens - like a label appears or something). This one works in JSFIDDLE . Discovering with much frustration that that things are often deprecated on new releases of React, so older examples don't work anymore. On this one, the browser says

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

which is not even in the code. Looked at bunches of articles, tried bunches of things like

React.renderComponent → React.render

Anyone know the magic tricks required to make this example work with the current version of v0.13.3?

Or anyone know of a working checkbox example in v0.13.3?

Thanks.

Answer 1

The error is in the rendering of the element.

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

The right syntax, if you don't want to use JSX is the following:

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

The direct creation of an element was removed in the 0.13.0, as you can read in the change log https://github.com/facebook/react/blob/master/CHANGELOG.md

Deprecated patterns that warned in 0.12 no longer work: most prominently, calling component classes without using JSX or React.createElement and using non-component functions with JSX or createElement