小编Cla*_*013的帖子

我有一个带有键盘的模式窗口。一切都很好，只是我无法删除滚动条。我尝试添加overflow:'hidden'为内联 css 但仍然没有。

此外，即使container-full padding-0在引导程序中使用时，组件仍然不会到达屏幕边缘。所以我想这就是问题所在。

这是我渲染组件的地方

<div className="container-full padding-0">
    <div className="row">
        <div className="col-sm-3">
            <ButtonsGrid list={this.state.list} clicked={this.clicked}/>
        </div>
        <div className="col-sm-3" style={{paddingLeft:0, paddingRight:0}}>
            <ButtonsGrid list = {this.state.list} clicked={this.clicked}/>
        </div>
        <div className="col-sm-6" style={{paddingRight: 0, paddingLeft: 0}}>
           <Keyboard search={this.search}/>  <-------------- HERE
        </div>
     </div>
 </div>

组件render看起来像这样：

render() {
    return(
        <div>
            <Paper 
             onClick={this.toggleKeyboard}>
                <p 
                 style={{
                   fontSize:40, 
                   overflow:'hidden'}}>
                   {this.state.input !== '' ? 
                     this.state.input : 'Search...'}
                </p>
            </Paper>
            <br />

            {this.state.showKeyboard ? 
              <Dialog 
               open={this.state.showKeyboard} 
               maxWidth='md'fullWidth>
                <GridList 
                 cellHeight={50} 
                 cols={11} 
                 style={{overflowX:'hidden'}}>
                    {this.state.keyboard.length > 0 …

我有一个Appbar和它下面的抽屉.在这两个组件下我有3个divs带引导程序,每个组件div都有一组按钮.

问题是抽屉覆盖了Appbar,我似乎无法移动它.

这是我的代码:

<div className="App">

        <AppBar position="static">
          <Toolbar>
              <IconButton color="inherit" aria-label="Menu">
                <MenuIcon />
              </IconButton>
              <Typography variant="title" color="inherit" aria-label="Menu">
                title
              </Typography>
          </Toolbar>
        </AppBar>

        <Drawer
          variant="permanent"
          style={{width: '100%', zIndex: '1400', position:'absolute'}}
        >
          <Button>1</Button>
          <Button>2</Button>
          <Divider />
          <Button>1</Button>
          <Button>2</Button>
        </Drawer>
        <br />
        <div className="container-full">
          <div className="row">
            <div class="col-sm-6">  
              <GridList cellHeight={50} className={styles.gridList} cols={5}>

                <Button style={{width: '150px', border: '1px solid'}} variant="raised" color="primary">
                  <div 
                  style={{fontSize:'12px', display: 'flex', justifyContent: 'center', textAlign:'center'}}>
                    Mohnweckerl Wiener Gouda
                  </div>
                </Button>

在第一个bootstrap列之后,另一个"col-sm-4"跟随然后a "col-sm-2".按钮在一个GridList

这是一个视觉 …

React是否可以与Rabbit-MQ一起使用？在过去的几天里，我一直在搜寻自己，以至于只能找到关于React Native的结果。

我可以只遵循Javascript-RabbitMQ-Tutorial还是有一些特定的东西？

我很感谢任何提示。

所以基本上，这就是我想要做的。

indicatorClassName对我不起作用，codeandbox中的指标根本没有改变。我查看了组件的实现，并找到了indicatorStyle，但它也没有帮助。

有任何想法吗？