小编Jas*_*onA的帖子

我想使用线性渐变动态地部分填充来自React-icons的Font Awesome Star。我尝试了以下方法：

使用内联样式的React Component-将父跨度的背景设置为渐变并使SVG透明。似乎无法将SVG星形周围的边框设置为#FFFFFF，因此我看到了父跨度的整个背景。见下文：

import React from 'react'
import FaStar from 'react-icons/lib/fa/star'

const Stars = () => {

  const inlineStyle = (pctFill) => {
    return(
      {background: 'linear-gradient(90deg, #134758 '+pctFill+'%, #d3d3d3 '+pctFill+'%)'}
    )
  }

  return(
    <div>
      <span style={inlineStyle(50)}>
        <FaStar />
      </span>
    </div>
  )
}

export default Stars

我也尝试过创建linearGradient组件并设置路径的fill =“ url（#component）”，但是react-icons路径是我父级span的第三个子级，我不知道该如何访问。

请帮忙

我似乎无法使用react-cookie设置cookie的到期时间...这是我的设置：

import { Cookies } from 'react-cookie'
const cookies = new Cookies()
import moment from 'moment'

以下尝试失败：

cookies.set('cookieName', {key: value}, {path: '/', expires: new Date(Date.now()+2592000)})
cookies.set('cookieName', {key: value}, {path: '/', expires: moment().add(30, "days")})
cookies.set('cookieName', {key: value}, {path: '/', maxAge: 2592000})

Chrome继续呈现：

Expires
When the browsing session ends

我在没有角度或下划线的节点工作,我正在寻找一个有效的普通javascript答案(也许避免循环).我有以下JSON对象数组:

object = [
    {account:2423, user:1564},
    {account:1235, user:1564}
]

我想将以下内容添加到对象中的每个数组:

username:"clientname" 

所以它最终看起来像这样:

object = [
    {account:2423, user:1564, username:"clientname"},
    {account:1235, user:1564, username:"clientname"}
]

这个问题要求避免循环.