Question

我试图通过以下内容：

 className={'follow-btn ${followClass}'} onClick={this.toggleFollow.bind(this)}

进入组件：

 <Button style="default" size="small" fill="fill">Follow</Button>

实际的组件代码：

<button className={classnames('button', this.props.classes, this.props.action, this.props.text, this.props.size, this.props.style, this.props.fill)}>{this.props.children}</button>

我无法弄清楚如何接受参数，因为它进入组件但它似乎不起作用。有什么想法吗？

由于

Answer 1

好吧，所以我不能完全确定混淆是什么，但我会尝试举例说明。据我所知，你想把一些css类名传递给一个React组件，这就是它的样子：

class MyAwesomeButton extends React.Control {
    render() {
        var classes = classNames("button", this.props.customClasses);
        return (
            <button classNames={classes}>
                {this.props.text}
            </button>
        );
    }
}

然后你就这样使用它：

<MyAwesomeButton customClasses="something something-else" text="Click Me!" />

我希望我没有误会你。

将参数传递给React组件

1 个答案: