条件付き内部スタイルを使用してレンダリング

Question

私はこのレンダリングを持っていて、小道具でnotification.isErrorを持っていますが、背景色の値を印刷するために条件付きを使う方法がわかりません。 。私はあまりにもこれを試してみた

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') 
      }} 
      >