xml-namespaces 相关问题

我的组件中有如下代码。我的组件中有如下代码。 <svg id="SvgjsSvg3254" width="318" height="152" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" class="apexcharts-svg" xmlns:data="ApexChartsNS" transform="translate(0, 0)" style="background: transparent none repeat scroll 0% 0%;"> 我收到如下错误 Namespace tags are not supported by default. React's JSX doesn't support namespace tags. You can turn on the 'throwIfNamespace' flag to bypass this warning. 如何打开“throwIfNamespace”标志？使用驼峰命名法。试试这段代码。由于这个 xmlns:xlink 语法反应不知道如何编译这个。 <svg id="SvgjsSvg3254" width="318" height="152" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlnsXlink="http://www.w3.org/1999/xlink" xmlnsSvgjs="http://svgjs.dev/svgjs" class="apexcharts-svg" xmlnsData="ApexChartsNS" transform="translate(0, 0)" style="background: transparent none repeat scroll 0% 0%;"> throwIfNamespace 是 @babel/preset-react 的一个选项，或者更具体地说，@babel/plugin-transform-react-jsx。有关将 throwIfNamespace 设置为 false 的示例配置文件以及有关该选项的更多信息，请参阅 babeljs 站点上的此页面。为方便起见，这里使用以下文件作为示例： index.js <element ns:attr /> .babelrc 带有默认的 throwIfNamespace (true) { "plugins": [ [ "@babel/plugin-transform-react-jsx" ] ] } 产量与您看到的相似： $ npx babel index.js SyntaxError: /tmp/throw-if-namespace/index.js: Namespace tags are not supported by default. React's JSX doesn't support namespace tags. You can set `throwIfNamespace: false` to bypass this warning. > 1 | <element ns:attr /> .babelrc throwIfNamespace 设置为 false { "plugins": [ [ "@babel/plugin-transform-react-jsx", { "throwIfNamespace": false } ] ] } 没有错误 $ npx babel index.js /*#__PURE__*/ React.createElement("element", { "ns:attr": true }); 我找到了解决这个问题的方法。在我的例子中，我不得不删除 SVG 图像中所有不必要的命名空间，它开始作为反应组件工作。你可以看到两个 SVG 内容之间的区别。正确的是图片底部的那个。或者您可以通过此链接上传和解析您的数据：这里参考：Github 问题正确使用属性：代替class写className 在style中使用骆驼符号并在括号中添加样式 className={`name`} style={{ stroke: "none", strokeWidth: 4, strokeDasharray: "none", strokeLinecap: "butt", strokeLinejoin: "miter", strokeMiterlimit: 10, fill: "#99CC33", fillRule: "nonzero", opacity: 1, }} 使用了 CodePen 的一些动画并遇到了同样的问题。就像之前建议的那样，我将 xml 部分变成了驼峰式，并且不得不将样式放在大括号中。正如最佳答案所建议的那样，您需要将 svg 转换为 jsx 格式。为此，您可以使用这两个工具。 https://svg2jsx.com/（将 svg 转换为 react 组件） https://www.svgminify.com/（将 svg 转换为 jsx 格式）

reactjs svg xml-namespaces javascript-namespaces

回答 6 投票 0

有名称空间时的UPDATEXML

xml oracle xml-namespaces updatexml

回答 1 投票 1

functx：删除属性添加一个空的xmlns

xml xslt xml-namespaces functx

回答 1 投票 2

如何在Nokogiri中的XPath中使用xmlns声明

我正在使用Nokogiri :: XML解析来自Amazon SimpleDB的响应。响应类似于： [

ruby xpath nokogiri xml-namespaces

回答 2 投票 23