Question

我正在尝试更改材料-ui的css
当我给它的宽度工作正常，但是当我给显示内联显示时，我得到一个错误--->未定义内联
你能告诉我如何解决它吗？
在下面提供我的代码段和沙箱

<Tabs
            value={value}
            onChange={this.handleChange}
            scrollable
            scrollButtons="on"
            indicatorColor="primary"
            textColor="primary"
            style={{ width: 500 }}
          >
            <Tab
              style={{ display: inline }}
              label="Item One"
              icon={<PhoneIcon />}
            />
            <Tab label="Item Two" icon={<FavoriteIcon />} />

          </Tabs>

Answer 1

您需要像这样将其放在引号中，因为实际上不是您要编写的CSS，所以实际上是JSS：

<Tabs
  value={value}
  onChange={this.handleChange}
  scrollable
  scrollButtons="on"
  indicatorColor="primary"
  textColor="primary"
  style={{ width: 500 }}
>
    <Tab
        style={{ display: 'inline' }}
        label="Item One"
        icon={<PhoneIcon />}
    />
    <Tab label="Item Two" icon={<FavoriteIcon />} />

</Tabs>

Answer 2

React认为内联是您要引用的变量。您需要将其放在引号中，然后才能正常工作。 style = {{display：“ inline”}}

在给css属性的同时，未在材质ui中定义内联

2 个答案: