React中子组件向父组件传值

举例

父组件:

var React = require('react');
import {render} from 'react-dom';
import {Router, Route, Link} from 'react-router';
import '../style/index.css';
import Headnav from './indexComponents/headnav.jsx';
import Content from './indexComponents/content.jsx';
import Footer from './indexComponents/footer.jsx';
var Index = React.createClass({

    getInitialState: function () {
        return {};
    },

    handleGet: function(val){
        this.setState({test: val});
    },

    render: function () {
        return (
            

                
                
所传的值：{this.state.test}
                
                

            

        );
    }
});

module.exports = Index;

子组件

import React from 'react';
import {render} from 'react-dom';
import {Router, Route, Link} from 'react-router';
var Content = React.createClass({

    getInitialState: function () {
        return {testVal: 'Hello Runoob!'};
    },

    handAttribute:function(){
        this.props.handleValue(this.state.testVal);
    },
    render: function () {
        return (
            

                this is content
                
            
        );
    }
});

module.exports = Content;

关系图：