2.export 与 exports
- // ES5
- module.exports = Component;
-
- // ES6
- export default Component;
3.component 和 function
- // ES5
- var MyComponent = React.createClass({
- render: function() {
- return
- <h3>Hello Edureka!</h3>;
- }
- });
-
- // ES6
- class MyComponent extends React.Component {
- render() {
- return
- <h3>Hello Edureka!</h3>;
- }
- }
4.props
- // ES5
- var App = React.createClass({
- propTypes: { name: React.PropTypes.string },
- render: function() {
- return
- <h3>Hello, {this.props.name}!</h3>;
- }
- });
-
- // ES6
- class App extends React.Component {
- render() {
- return
- <h3>Hello, {this.props.name}!</h3>;
- }
- }
5.state
- // ES5
- var App = React.createClass({
- getInitialState: function() {
- return { name: 'world' };
- },
- render: function() {
- return
- <h3>Hello, {this.state.name}!</h3>;
- }
- });
-
- // ES6
- class App extends React.Component {
- constructor() {
- super();
- this.state = { name: 'world' };
- }
- render() {
- return
- <h3>Hello, {this.state.name}!</h3>;
- }
- }
10. React与Angular有何不同?
React 组件
11. 你怎样理解“在React中,,一切都是组件”这句话。
(编辑:西安站长网)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|