Reactjs 为什么可以'；我不能对一些React.Components使用className属性吗？

CSS样式类在这里工作：

<span className="cake">Cake</span>

蛋糕

但是，这样做失败了（好吧，在浏览器中未检测到样式更改）：

蛋糕

为什么类名atrtibute有时才起作用

---

如何将自定义样式添加到

中，例如，仅对注销样式进行右对齐？

浏览器是否选择该样式取决于

导航链接的定义方式

例如，如果它是这样定义的（使用
样式化组件
）：

它会起作用，因为所有道具都会传递给
div

但是，如果定义如下：

const NavLink = ({ href, children }) => {
  return <a href={href}>children</a>;
};

const NavLink = ({ href, children, ...rest }) => {
  return <a href={href} {...rest}>children</a>;
};

但我们永远不知道它是如何定义的。（你最好检查一下
node\u modules
中的定义）
关于“失败”，你的确切意思是什么？与该类关联的样式未得到应用，对吗？是的，将编辑为ClarifyThank。假设这是第二种方法，并且我不应该修补
react bootstrap
模块，那么大多数人可能如何将样式应用于单个
Nav.Link
s？您可以使用
bsPrefix
更新类名，然后将样式应用于该类：我不确定我们的位置是否正确。文档说“这是一个用来处理大量定制的引导css的逃生舱。”对我来说，这似乎是不寻常的。我也无法获得要渲染的多个类赋值
。浏览器中的呈现仅反映类
nav link
的成员身份。
const NavLink = ({ href, children }) => {
  return <a href={href}>children</a>;
};

const NavLink = ({ href, children, ...rest }) => {
  return <a href={href} {...rest}>children</a>;
};