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(){ returnHello, 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 件のコメント:
コメントを投稿