嵌套三元无法获取局部变量，反应[重复]

Question

编辑注意：这个提到的问题实际上并没有解决我的第一个问题，这是一个围绕第一个三元结果的额外 {} 问题。我用括号替换了它们。 Josep 使用 getTime 的解决方案我最终需要将日期等同起来。我在实时日期上使用的 Date().setHours(0,0,0,0) 等同于用户生成的日期，其中 0 为小时、分钟、秒，然后是 .getTime()

为什么hour 不能访问组件构造函数内部的const hour = this.state.date.getHours() (state date = new Date())，当我把它放在日期=== 三元中时？在 react 组件的 jsx 中，小时嵌套的三元组在它自己的时候得到小时。 new Date(this.state.year, this.state.month, this.state.day) 用作用户选择的日期，当用户选择它时设置状态 - 所以如果它等于当前的 date，我想在嵌套的三元组中渲染图像 clockbordermoon 或 clockbordersun。

我在 if 语句的渲染中尝试了嵌套三元组，但仍然无法到达 hour

  {date === new Date(this.state.year, this.state.month, this.state.day) ?
    {hour === 20 ||
    hour === 21 ||
    hour === 22 ||
    hour === 23 ||
    hour === 0 ||
    hour === 1 ||
    hour === 2 ||
    hour === 3 ||
    hour === 4 ? (
      <img
        src={clockbordermoon}
        className="clockborder"
        style={{
          transform: `translate(-50%, -50%)rotate(${totaldegrees}deg)`
        }}
        alt="error"
      />
    ) : (
      <img
        src={clockbordersun}
        className="clockborder"
        style={{
          transform: `translate(-50%, -50%)rotate(${totaldegrees}deg)`
        }}
        alt="error"
      />
    )}
    : null}

我怎样才能让hour 读取const hour = this.state.date.getHours()，这是在 div 和 imgs 之前的渲染内部？

这是我今天的第二个问题，我应该在这之后设置一段时间，对不起

完整代码（暂定）：https://codesandbox.io/s/zen-dijkstra-1c31n?fontsize=14 这个组件是 src>UIConainers>Calendar>CalSlideDrawer.js，通过左上角的 logo 图标找到（如果你是在紫色屏幕上开始按收件箱图标后）

编辑（错误 Unexpected token, expected "," 在第一个小时后是因为我不需要三元的第一个结果周围的括号）：

class CalSlideDrawer extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      date: new Date(),
      day: new Date().getDate(),
      month: +new Date().getMonth() + 1,
      year: +new Date().getFullYear(),
    };
  }
//statefor 
   const monthname = Object.keys(CALENDAR_MONTHS)[
      Math.max(0, Math.min(month - 1, 11))
    ].toUpperCase();
   const weekdayname = new Date(this.state.year, this.state.month, this.state.day);
   const hour = this.state.date.getHours();
    return (
      {date.getTime() === weekdayname.getTime() ?
        (hour === 20 ||
        hour === 21 ||
        hour === 22 ||
        hour === 23 ||
        hour === 0 ||
        hour === 1 ||
        hour === 2 ||
        hour === 3 ||
        hour === 4 ? (
          <img
            src={clockbordermoon}
          />
        ) : (
          <img
            src={clockbordersun}
          />
        )): null}

Answer 1

我不明白您的问题或您想要做什么，但请注意以下表达式的计算结果始终为 false：

date === new Date(this.state.year, this.state.month, this.state.day)

因为您正在将新创建的参考与其他参考进行比较。例如，计算结果为false：

console.log(
  (new Date(2015,5,5)) === (new Date(2015,5,5))
)

这等于true：

    console.log(
      (new Date(2015,5,5)).getTime() === (new Date(2015,5,5)).getTime()
    )

也许问题与您比较日期的方式有关？