2016/09/08

React.render is not a function

今更ながら [React](https://facebook.github.io/react/) を使い始めました。
しかし、サンプルを動作させようとしたところ、`render` function が無いとエラーが発生。

```
Uncaught TypeError: React.render is not a function
```



### エラーが発生したコード

```jsx
var React = require('react')

var App = React.createClass({
   render: function(){
       return 

Hello, world.

} }) React.render(, document.getElementById('react-app')) ``` ### 14.0 から仕様が変わったらしい 調べてみると、14.0 以降、`render` function は `react-dom` に移動したとのこと。 > 参考 > > [javascript - Error with basic React Example: Uncaught TypeError: undefined is not a function - Stack Overflow](http://stackoverflow.com/questions/26627665/error-with-basic-react-example-uncaught-typeerror-undefined-is-not-a-function) ### 修正方法 というわけで、`react-dom` も別途 `require` する必要があります。 その前に、`react-dom` をインストールするのを忘れないようにしましょう。 ```console `gutter: false; $ npm install --save react-dom ``` 以下が修正後のコードです。 ```jsx `highlight: [2, 10]; var React = require('react') var ReactDOM = require('react-dom') var App = React.createClass({ render: function(){ return

Hello, world.

} }) ReactDOM.render(, document.getElementById('react-app')) ```

0 件のコメント: