在reactjs

Question

// modules/NavLink.js 
import React from 'react' 
import { Link } from 'react-router' 

export default React.createClass({ 
    render() {   
    //for example this.props={from: "home", to: "about"} 
    return <Link {...this.props} activeClassName="active"/> // ???what does the statement compile to es5? 
    } 
}) 

// modules/App.js 
import NavLink from './NavLink' 

// ... 

<li><NavLink to="/home">Home</NavLink></li> 

的quesion的JSX ES6對象傳播經營者低於：

<Link {...this.props} activeClassName="active"/>，這句話是什麼編譯爲ES5，如果this.props = {到： 「/家庭」，孩子們：「首頁「}？

Answer 1

Straight from the Babel homepage：

React.createElement(Link, _extends({}, this.props, { activeClassName: "active" })); 

我省略了_extends填充工具，它基本上解析爲Object.assign（如果可用）。

Answer 2

<Link to="/home" children="Home" activeClassName="active"/>