الإماهة والخرج الثابت والنتائج المتزامنة

"use client";
import {useEffect,useState} from "react";
export function TimeLabel({iso}:{iso:string}) {
  const [text,setText]=useState(iso);
  useEffect(() => {setText(new Date(iso).toLocaleString());},[iso]);
  return <time dateTime={iso}>{text}</time>;
}

النص الأول سلسلة iso المقدمة نفسها؛ لم تختبر الإماهة أو لغة المتصفح أو توقيت effect.

let generation=0;let visible="initial";
const oldRequest=++generation;
const newRequest=++generation;
function apply(id,value) {if(id===generation)visible=value;}
apply(newRequest,"new-view");apply(oldRequest,"old-view");
console.assert(visible === "new-view");

لا تستبدل القديمة العرض الجديد دون إثبات إلغاء مصدر أو ضمان جدولة React.