Question

我正在使用Material-UI复选框，并且希望使该复选框不可见。看着API documentation of the checkbox，只有禁用功能。

此刻，我正在使用地图功能遍历所有项目。

items = data.map((data, index) => {
        return <div>
            <Grid container>
                <Grid item sm={10}>
                {data.name}
              </Button>
            </Grid>
            <Grid item sm={2}>
              <Checkbox
                disabled={this.state.enabledCheckBox} />
            </Grid>
          </Grid>
        </div>
      })

Answer 1

当您不想渲染时仅返回null

items = data.map((data, index) => {
        return <div>
            <Grid container>
                <Grid item sm={10}>
                {data.name}
              </Button>
            </Grid>
            <Grid item sm={2}>
              {this.state.enabledCheckBox?<Checkbox />:null}
            </Grid>
          </Grid>
        </div>
      })

或

items = data.map((data, index) => {
        return <div>
            <Grid container>
                <Grid item sm={10}>
                {data.name}
              </Button>
            </Grid>
            <Grid item sm={2}>
              this.state.enabledCheckBox&&<Checkbox />
            </Grid>
          </Grid>
        </div>
      })

材料ui使结帐可见

1 个答案: