react面试题合集

何为 redux

Redux 的基本思想是整个应用的 state 保持在一个单一的 store 中。store 就是一个简单的 javascript 对象，而改变应用 state 的唯一方式是在应用中触发 actions，然后为这些 actions 编写 reducers 来修改 state。整个 state 转化是在 reducers 中完成，并且不应该有任何副作用。

与 ES5 相比，React 的 ES6 语法有何不同

以下语法是 ES5 与 ES6 中的区别：

1. require 与 import

// ES5
var React = require('react');

// ES6
import React from 'react';

1. export 与 exports

// ES5
module.exports = Component;

// ES6
export default Component;

1. 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>;
    }
}

1. 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>;
    }
}

1. state

// ES5
var App = React.createClass({
   
    getInitialState: function() {
   
        return {
    name: 'world' };
    },
    render: function(