javascript - 类型错误:this.transferPropsTo 不是一个函数

Question

这是我试图渲染的 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>
        )
    }
});

});

但是在控制台中，

TypeError: this.transferPropsTo is not a function

出现了。我用谷歌搜索到目前为止找不到答案。

Answer 1

您无法渲染未定义的函数。你应该写:

App.js

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>
           )
     }
  });

});