React中SVG的stroke-linecap等属性报错，是否需改为小驼峰形式？

是的，你必须把stroke-linecap和stroke-linejoin改成小驼峰命名的strokeLinecap和strokeLinejoin。

React的JSX语法要求所有HTML/XML属性使用小驼峰格式，因为JavaScript不允许对象属性名包含连字符——连字符会被当作减法运算符解析，直接导致语法错误。这是JSX和原生HTML的核心差异之一。

修改后的完整SVG代码如下：

<svg
  width="36"
  height="22"
  viewBox="0 0 36 22"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M26.1012 1.64432L34.9639 10.9994L26.1012 20.3545"
    stroke="black"
    strokeLinecap="square"
    strokeLinejoin="round"
  />
  <line
    x1="35"
    y1="11.043"
    x2="-4.37114e-08"
    y2="11.043"
    stroke="black"
  />
</svg>

内容的提问来源于stack exchange，提问作者Siam Parvez