如何动态地将类添加到焦点输入字段的父div？

下面是我的form.jsx文件

var React = require('react');
var Input = require('./input');

module.exports = React.createClass({
    getInitialState: function() {
        return {
            focus: false
        }
    },
    render: function () {
        return 

            

                  

                    {this.props.firstCol}
                    
                  
            
                

                  

                    {this.props.secondCol}
                    
                  
                
                

        
    },
    addClass: function () {
            this.setState({
            focus: true
        });
    },
    removeClass: function () {
        this.setState({
            focus: false
        });
    }
});

这是我的输入组件.jsx文件

var React = require('react');

module.exports = React.createClass({
    getInitialState: function () {
        return {
            focus: false
        }
    },
    render: function() {
        return 
    }
}); 

如果我专注于输入字段，它将在其父div中添加“活动的” className。但是，所有输入字段也将添加“活动”类。

我怎么做只能将类添加到焦点输入的父div而不是全部添加。