添加FontAwsome图标+文本给我错误

时间:2019-04-11 08:14:27

标签: javascript reactjs font-awesome

我有一个带有textArea的方法:

 DropdownExampleClearable = () => <Dropdown placeholder="Status" clearable options={options} selection />

这是它具有的选项:

const options = [
 { key: 1, text: (<i className="far fa-edit"/> + "OK"), value: 1 },
 { key: 2, text: <i className="far fa-edit"/>, value: 2 },
]

第一个键将显示'[Object object] OK'

第二个键将显示所需的图标,但是如果我添加任何文本,该图标将不再显示。

任何有关如何显示图标和文本的建议将不胜感激。

2 个答案:

答案 0 :(得分:1)

JSX is just sugar for React.createElement calls,因此无法使用+ "OK"向其中添加字符串。

您可以将图标和文本包装在另一个React元素中并使用。

const options = [
  { key: 1, text: <span><i className="far fa-edit" /> OK</span>, value: 1 },
  { key: 2, text: <i className="far fa-edit" />, value: 2 }
]

答案 1 :(得分:1)

尝试

class AdamLearningRateTracker(Callback):
    def on_epoch_end(self, logs={}):
        beta_1 = self.beta_1, 
        beta_2 = self.beta_2
        optimizer = self.model.optimizer
        if optimizer.decay > 0:
            lr = K.eval(optimizer.lr * (1. / (1. + optimizer.decay * optimizer.iterations)))
        t = K.cast(optimizer.iterations, K.floatx()) + 1
        lr_t = lr * (K.sqrt(1. - K.pow(beta_2, t)) /(1. - K.pow(beta_1, t)))
        print('lr: {:.6f}\n'.format(lr_t))