ReactJs项目开发中导航栏组件运行报错，该如何修复？

问题修复方案 #

• 核心报错原因：代码中除第一个跳转/home的<a>标签外，剩余5个<a>标签均缺少合法href属性，不符合DOM规范。
  • 如果你不需要这些标签实现跳转功能，可补充href="#"或者href="javascript:void(0)"即可消除报错
  • 也可以直接将这些无跳转需求的<a>标签替换为<button>标签，再调整对应样式适配，语义更规范
• 额外隐患排查：你的静态资源路径拼写错误，Assests/images/应为Assets/images/，路径错误会导致图标加载失败，也可能引发样式异常
• 不要随意给Nav/Logo/NavMenu这类自定义样式组件添加无关name属性，这类属性会作为props透传到组件内部，若你使用的样式组件未做属性过滤，陌生属性会直接渲染到DOM上，直接打乱原有布局逻辑

内容的提问来源于stack exchange，提问作者Rahul Raj N