小编Swe*_*ato的帖子

AntD 改变 Icon 的颜色

我正在使用 AntD v4 并导入了 @ant-design/icons 以便使用 LeftOutlined。

在 antd 图标的文档中(https://ant.design/components/icon/)它列出了 fill 属性的以下内容:

填充 | 定义用于绘制 svg 元素的颜色 | 字符串 | '当前颜色'

我认为这意味着我可以做到这一点,但它不起作用:

<RightOutlined fill="#4E89FF" />
Run Code Online (Sandbox Code Playgroud)

相反,现在我正在使用 style 属性并且正在工作:

风格 | svg 元素的计算样式 | CSS 属性 | -

<LeftOutlined style={{color: "#4E89FF"}} />
Run Code Online (Sandbox Code Playgroud)

。。

我是否误解了fill属性?

reactjs antd

11
推荐指数
1
解决办法
3万
查看次数

AntD DatePicker 中隐藏日历图标(后缀图标)的正确方法

这就是我在 antD React 的 DatePicker 组件中隐藏日历图标的方式。感觉很麻烦,这是唯一的方法吗?

属性:

suffixIcon={<div></div>} 
Run Code Online (Sandbox Code Playgroud)

完整组件:

<DatePicker 
  bordered={false} 
  format="MMM Do, YYYY" 
  defaultValue={new moment()} 
  allowClear={false} 
  suffixIcon={<div></div>} 
/>
Run Code Online (Sandbox Code Playgroud)

reactjs antd

8
推荐指数
1
解决办法
8455
查看次数

React Hook UseEffect 与 className

是否无法在重新渲染时更新 classNames?

const [selected, setSelectedState] = useState(true);

let className = "none";
useEffect(() => {
    className = "appointment-item " + (selected ? "selected" : "");
    console.log(className );
}, [selected] );


return (
  <div className={`${className}`} onClick={()=>setSelectedState(!selected)}>{Math.random()}</div>
);
Run Code Online (Sandbox Code Playgroud)

className控制台中显示正确,但是当 div 重新渲染时(我看到这是因为随机数更新),className 保持为“none”。我也很困惑,因为我认为 useEffect 也会立即运行..所以它首先不应该是“无”,因为它应该立即被覆盖?

reactjs react-hooks

3
推荐指数
1
解决办法
7070
查看次数

无法在 Mailjet 模板“For”循环中使用逻辑

我想它曾经让我,不知道发生了什么变化?我无法在 Mailjet 模板“For”循环内部使用逻辑。它不喜欢我的FormatNumberif

我的变量:

  "Variables": {
    "CurrentYear": "",
    "OutstandingInvoices": [{"InvoiceNum": "100", "Total": 100.00, "DaysPastDue": "5", "InvoiceMonth": "May", "InvoiceYear": "2021"}],
    "CustomerID": "",
    "CustomerName": "",
    "InvoiceYear": "",
    "InvoiceMonth": ""
  }
}
Run Code Online (Sandbox Code Playgroud)

我的模板代码:

{% for invoice in var:OutstandingInvoices %}
{{invoice.InvoiceMonth}} {{invoice.InvoiceYear}} for {{FormatNumber("$#,###.00", invoice.Total)}} {% if invoice.DaysPastDue > 0 %} : {{invoice.DaysPastDue}} days late {% endif %}
{% endfor %}
Run Code Online (Sandbox Code Playgroud)

给我以下错误:

(1)ERender错误:表达式解析错误:未知标识符invoice.Total接近FormatNumber(“$#,###.00”,invoice.Total)

(2) ERender错误:表达式解析错误:未知标识符invoice.DaysPastDue接近invoice.DaysPastDue > 0

杂项

我想知道这是否与无法在 for 循环中使用默认值有关(根据我的其他问题:Mailjet Non-Nested Loop Failing

那么 for 循环中不允许任何类型的逻辑吗?

mailjet

2
推荐指数
1
解决办法
1026
查看次数

标签 统计

reactjs ×3

antd ×2

mailjet ×1

react-hooks ×1