在render

Question

我有这个渲染，我在props中有notification.isError，但我不知道如何使用条件在背景值中打印一个值，以获得与属性不同的颜色是Error。

我得到了＃34;意想不到的令牌＆＃34;

  render() {
    return (
      <div style={{ padding: '4px 10px 1px 10px',
        fontSize: '16px',
        backgroundColor: {return (this.props.notification.isError?'red':'black')},
      }}
      >

我也试过这个：

const bgcolor = (this.props.notification.isError?'red':'black');
return (
  <div style={{ padding: '4px 10px 1px 10px',
    backgroundColor: {bgcolor},
  }}

但是在浏览器上没有显示backgroundColor;它的反应并不像发送价值的方式

Answer 1

你可以试试这个：

render() {
        return (
          <div style={{ padding: '4px 10px 1px 10px',
            fontSize: '16px',
            backgroundColor: (this.props.notification.isError?'red':'black')
          }}
          >