Javascript TypeError:this.transferPropsTo不是函数

这是我试图渲染的react组件

    var APP = React.createClass({
    render: function () {
        return (
            <div><BButton className="btn-primary">I <BHeart/> React</BButton>
                <BButton className="btn-succes">I <BHeart/> React</BButton>
                <BButton className="btn-danger">I <BHeart/> React</BButton>
            </div>
        )
    }

});

var BButton = React.createClass({

    render: function () {
        return this.transferPropsTo(
            <a className="btn">{this.props.children}</a>
        )
    }

});

var BHeart = React.createClass({
    render: function () {
        return (
            <span className="glyphicon glyphicon-heart"></span>
        )
    }
});

});

var-APP=React.createClass({
渲染：函数（）{
返回(
我的反应
我的反应
我的反应
)
}
});
var BButton=React.createClass({
渲染：函数（）{
将此.transferPropsTo返回(
{this.props.children}
)
}
});
var BHeart=React.createClass({
渲染：函数（）{
返回(
)
}
});
});

但在控制台上

TypeError:this.transferPropsTo不是函数

---

来了。我在谷歌上搜索了一下，到目前为止还没有找到答案。

你不能呈现未定义的函数。你应该写：

App.js

var-APP=React.createClass({
渲染（）{
返回(
我的反应
我的反应
我的反应
);
}
});
var BButton=React.createClass({
渲染：（）{
//bla是道具。
{bla}=this.props；
//如果存在，则渲染，如果不存在，则为空
返回(
{bla？{this.props.bla}:null}
)
}
});
var BHeart=React.createClass({
渲染（）{
返回(
)
}
});
});

transferPropsTo

现在已启用。但您可以使用ES2015和JSX扩展运算符（

…

）实现同样的效果：

var BButton=React.createClass({
渲染：函数（）{
var{children，…other}=this.props；//使用destructuring和spread运算符读取属性
//“children”包含“this.props.children”，“other”包含除“children”之外的所有属性
return（//使用JSX spread运算符设置所有属性
{this.props.children}
)
}
});

Reactjs版本是15.6.1。在react引导中，

transferPropsTo

是。我想你在使用引导？@PeterMader是的，我在使用引导。@kokilayaa你试过用这个绑定函数吗？@rohankangale是的，但不起作用。但这不会将属性转移到新元素。@PeterMader：我修正了我的答案。旧的答案只是解释，为什么他会出现这个错误：我试图覆盖这里的CSS属性。

var APP = React.createClass({
render () {
    return (
        <div>

            <BButton bla = "something"  className="btn-primary">I <BHeart/> React</BButton>
            <BButton className="btn-succes">I <BHeart/> React</BButton>
            <BButton className="btn-danger">I <BHeart/> React</BButton>
        </div>
    );
 }

});

var BButton = React.createClass({

render: () {
    //bla is props. 
    {bla}=this.props;
    //If exist pros bla then render <a></a>, if not then null 
    return(
        {bla ? <a className="btn">{this.props.bla}</a> : null}
    )
}

 });

 var BHeart = React.createClass({
render () {
    return (
        <span className="glyphicon glyphicon-heart"></span>
           )
     }
  });

});

var BButton = React.createClass({
  render: function () {
    var { children, ...other } = this.props; // use destructuring and the spread operator to read the properties
    // 'children' contains 'this.props.children', 'other' contains all properties except 'children'
    return ( // use the JSX spread operator the set all properties
      <a {...other} className="btn btn-primary">{this.props.children}</a>
    )
  }
});