`style`属性期望一个从样式属性到值的映射
P粉817354783
P粉817354783 2023-08-15 15:37:44
[React讨论组]
<p>在使用React创建一个前后图像滑动器时,我遇到了这个错误。 我不知道是否需要导入它,但不幸的是它是一个外部文件。 任何提示和建议都将不胜感激</p> <pre class="brush:php;toolbar:false;">&lt;div class="scroller scroller-top"&gt; &lt;svg class="scroller__thumb" xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"&gt;&lt;polygon points="0 50 37 68 37 32 0 50" style="fill:rgb(24,24,62)"/&gt;&lt;polygon points="100 50 64 32 64 68 100 50" style="fill:rgb(24,24,62)"/&gt;&lt;/svg&gt; &lt;/div&gt;</pre> <p>我期望看到SVG图标,但实际上抛出了一个错误,如上述描述所示</p>
P粉817354783
P粉817354783

全部回复(1)
P粉276064178

您可以直接在多边形上添加fill属性,如下所示:

<div className="scroller scroller-top">
  <svg
    className="scroller__thumb"
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 100 100"
  >
    <polygon points="0 50 37 68 37 32 0 50" fill="rgb(24,24,62)" />
    <polygon points="100 50 64 32 64 68 100 50" fill="rgb(24,24,62)" />
  </svg>
</div>

奖励:如果您使用React,则class属性应为className

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号