javascript - 赋予css属性时，材料ui中未定义内联

Question

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

https://codesandbox.io/s/mzj2zp6y0p

<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>

标签： javascriptcssreactjsreduxmaterial-ui

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>