Javascript 如何设置/减少材质UI警告栏的宽度？

目前，我没有在我的页面上使用任何其他样式或.css文件。警报的宽度延伸到整个页面。我正在尝试，但没有任何区别：

函数状态消息（）{
如果（已删除）{
返回(
用户删除
)
}
}

无法复制，只需将其放入我的React项目中，

style={{{width:'50%}

就可以了

调试的想法：

• 删除冗余的

  className='alerts'

  ，当您自己或某个库意外地在此类类上定义CSS时，这些冗余的

  className='alerts'

  也可能会把它搞砸
• 报告它所在的容器：

  block

  、

  flex-box

  和其他容器的行为不同，尽管我在前两个容器上进行了测试，两个容器都运行良好
• 使用浏览器调试器并报告哪些CSS规则实际应用于或被否决于元素，这可能会为您提供更多帮助

---

尝试摆脱

样式

属性：

@RHShanks92不起作用

属性“width”不存在于类型“IntrinsicAttributes&AlertProps”上。ts（2322）

您确定可以在警报上使用该属性吗？那怎么办？我就知道我们不能！这就是我为什么使用样式。但既然你建议了，我又试了一次。但是问题现在解决了@rhshanks92，可能是类名搞乱了。现在可以了。