react遇坑记
1.antd组件TreeSelect的placeholder不显示
Antd 的 TreeSelect 组件在 value 为空字符串时不会显示 placeholder
2.使用语义标签bold报错
错误：“The tag <bold> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter”
分析：
在React中，标签名称必须以大写字母开头，否则会被视为HTML标签。但是``<bold>`` 不是一个标准的HTML标签，所以浏览器无法识别它。
额外话题：为什么``<bold>`` 不是一个标准的HTML标签？
HTML 标准从未定义过它
在 HTML 的所有官方版本（从 HTML 1.0 到最新的 HTML5）中，W3C（万维网联盟）和 WHATWG（网页超文本应用技术工作小组）从未将<bold>列为有效元素。浏览器厂商也没有义务去支持非标准标签的默认样式或行为。正确的语义化标签是
<b>和<strong>
HTML 设计之初就定义了用于加粗文本的标准标签：
<b>(Bold)：用于表示在不增加重要性的情况下，为了实用目的（如关键词、产品名称、软件中的操作提示）而加粗的文本。它纯粹是样式上的加粗。<strong>：用于表示重要性、严肃性或紧迫性较强的文本。屏幕阅读器通常会通过改变语调来强调这些内容。这是语义上的加粗。表现与语义分离的原则
现代 Web 开发强调“语义化 HTML”。早期的 HTML（如 HTML 3.2）确实包含了一些纯粹用于表现的标签（如<font>,<center>），但这些在现代标准中已被废弃或不推荐使用。
- 如果你想要加粗效果，应该使用 CSS (
font-weight: bold;) 或者语义标签<b>/<strong>。- 发明像
<bold>这样的标签混淆了“意图”（我想让字变粗）和“语义”（这段文字很重要 vs 这段文字只是视觉上不同）。浏览器的处理方式
如果你在网页中使用<bold>一些文字</bold>：
- 大多数现代浏览器会将其视为未知元素。
- 根据 HTML5 规范，未知元素默认会被当作“透明”内容处理，通常不会自动应用加粗样式（除非你自己在 CSS 中定义了
bold { font-weight: bold; }）。- 这会导致网页在不同浏览器或不同设备上显示不一致，破坏用户体验。
根据React的规则，将``<bold>`` 标签替换为正确的HTML语义标签。在HTML中，推荐用 <b>（仅视觉加粗）或 <strong>（强调重要性）来代替 <bold> 。