小编Rol*_*cks的帖子

我似乎遇到了改变Material-UI(对于React)RaisedButton的字体大小并让按钮本身适当缩放的问题.

<RaisedButton
label={<span className="buttonText">Log in Here</span>}
/>

CSS:

.buttonText {
    font-size: 63px;
}

文本大小更改但按钮本身不随其缩放.有谁知道这个的正确解决方案？我想按钮缩放文字大小.

我有一个组件，它依赖于呈现内容之前要异步检索的数据。如果数据尚不可用，则render函数将返回一个Loader组件：

    if (this.state.loading) {
        return <Loader />;
    }

调用返回数据后，加载状态设置为false：

componentDidMount() {

        ExternalComponent.fetchData().then(response => {
            this.setState({
                loading: false,
                data: response
            });
        });
}

这可以正常工作，但是如果我想并行添加另一个异步获取调用怎么办？在将“加载”状态设置为false之前，我该如何正确地等待两者完成？

使用material-ui 0.15.3和react 15.3.0.

我有一个Checkbox组件,并希望this.setState在其onCheck功能中使用.

很明显,我不得不手动将一些东西传递给Checkbox的checked道具.如果我不这样做,那么我就不能使用setState了.如果我尝试这样做,那么复选框的可视组件不会更新.例如,我单击复选框,它保持为空.我的第一个问题是为什么？为什么我不能把它作为一个不受控制的组件？为什么我必须把东西传递给checked道具？

    <Checkbox
    label="1"
    style={styles.checkbox}
    onCheck={this.handleCheck.bind(this)}
    checked={this.state.box1} // if this is not supplied then I cannot use setState within handleCheck()

handleCheck():

  handleCheck(event, checked) {
    this.setState({
        box1: checked 
        someState: someValue 
    });
 }

现在我有多个复选框,所以我的第二个问题是,我如何构建它以使它尽可能干净？我是否需要为每个带有单独handleCheck()函数的复选框设置一个单独的状态变量？我觉得这会很快变得混乱.例如(box1,box2,box3等的状态)