Page does not re-render.

Answered

Munchkin posted this in #help-forum

Original message was deleted.

Answered by Munchkin

I have figured out my issue though. I did get a page reload but it doesnt reload the childcomponents. So i had to introduce a forcereload to the script.

But that adds a whole new problem. as i now have to apply this to every child.. Is there an easier way of doing this?

View full answer

4 Replies

Munchkin

2024-02-03T23:30:10.000Z

Global variable can be found in variables.jsx

Alfonsus Ardani

2024-02-04T02:12:57.000Z

Can you simplify your code? or Send snippets of relevant code?

Munchkin

2024-02-04T10:58:38.000Z

ill send some snippets;

//StatContainer.jsx
"use client";
import StatBox from "./Stat";
import { CharacterInfo } from "@/utils/Variables";
import { useEffect, useState } from "react";


export default function StatsContainer() {
 const [EventCallback,setEventCallback] = useState(false);
  const HandleEvent = ()=>{
    setEventCallback(true);
  }
  useEffect(() => {
    document.addEventListener("CharacterFileUpdated",HandleEvent);
  }, []);
  useEffect(()=>{console.log(CharacterInfo)},[EventCallback]);

return(
//my html stuff. 
)
}

variables.js

 let playerInfo = {
  "PlayerName": "",
  "CharacterName": "",
  "Race": "",
  "Class": "",
  "SubClass": "",
  "Background":"",
  "Alignment": "",
  "Experience": "",
};
 let playerStats = {
    "Health": 0,
    "MaxHealth": 0,
    "Proficiency": 0,
    "Strength": 10,
    "Constitution":10,
    "Dexterity":10,
    "Intelligence":10,
    "Wisdom":10,
    "Charisma":10,
  };
 let playerInventory;

export let CharacterInfo = {
  playerInfo,
  playerStats,
  playerInventory
}

//SaveSystem.jsx
"use client";
import { CharacterInfo } from "./Variables";

function SaveFile() {
  localStorage.setItem("Storage", JSON.stringify(CharacterInfo));
}

function LoadFile() {
  const doc = JSON.parse(localStorage.getItem("Storage"));
  if (doc) {
    Object.assign(CharacterInfo, doc);
  }
  document.dispatchEvent(new Event("CharacterFileUpdated"))
}

export { SaveFile, LoadFile};

Munchkin

2024-02-04T11:32:23.000Z

Answer