期望一个赋值或函数调用，而是看到一个表达式 React JS

Question

我正在尝试在样式中创建一个 if 语句，但我在样式 if 语句中不断收到 error Expected an assignment or function call and instead saw an expression。我试图修复放置/* eslint-disable */，但错误更改为 The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX.。有人可以知道我做错了什么吗？

import React, { useState } from 'react'

export default function Calendar() {

return(
        <div>
            <table id='calendario'>
              <tbody>
                {lines.map((linha) => (
                  <tr key={linha}>
                  {columns.map((coluna , e , i) => (
                  <td
                  key={coluna} onLoad={() => {
                    e < index.length ? (e = e) : e++;
                    i >= proximo_mes.length ? (i = i) : i++;
                  }}
                  style={() => {linha == 0 && coluna == e ? {filter:"brightness(0.6)"} : {filter:"brightness(1)"};
                  linha == 4 && coluna == i ? {filter:"brightness(0.6)"} : {filter:"brightness(1)"}}}
                >{dias_no_mes[indice++]}</td>
              ))}
            </tr>
          ))}
        </tbody>
      </table>
        </div>
    );
}
}

Answer 1

我认为 style prop 值应该类似于以下内容，因为它需要一个值

<td
  ...
  style={{ filter: linha == 0 && coluna == e ? "brightness(0.6)" : "brightness(1)" }}
>