Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 在React JS中将每日随机生成的数字设置为状态变量_Reactjs_Variables_State - Fatal编程技术网

Reactjs 在React JS中将每日随机生成的数字设置为状态变量

Reactjs 在React JS中将每日随机生成的数字设置为状态变量,reactjs,variables,state,Reactjs,Variables,State,我正在尝试创建一个“当日之鸟”小部件,它查看包含10000多只鸟的JSON列表,并每天随机选择一只。我认为最简单的方法是每天一次将随机生成的数字设置为状态变量,然后选择鸟类列表的随机数索引,但我在搜索中没有找到任何可以帮助我使用React JS实现这一点的方法 我本来打算用Python编写长期运行的程序,但我希望我能在React JS项目中找到另一种方法 非常感谢您的帮助 您可以将当前日期的值存储到localStorage中: const stored = storage.getItem(&qu

我正在尝试创建一个“当日之鸟”小部件,它查看包含10000多只鸟的JSON列表,并每天随机选择一只。我认为最简单的方法是每天一次将随机生成的数字设置为状态变量,然后选择鸟类列表的随机数索引,但我在搜索中没有找到任何可以帮助我使用React JS实现这一点的方法

我本来打算用Python编写长期运行的程序,但我希望我能在React JS项目中找到另一种方法


非常感谢您的帮助

您可以将当前日期的值存储到localStorage中:

const stored = storage.getItem("Date");
if (!stored) { // If no date stored, store current date
  storage.setItem("Date", new Date());
  // set state here
} else {
  const storedDate = new Date(storage.getItem("Datea"));
  const diff = (storedDate - curr) / (1000 * 3600 * 24); // difference in days
  if (diff >= 1) { // if more than one day difference
    // set state here
  }
}

你不需要一个长时间运行的程序。您只需在每次请求时检查,自上次检查以来是否已过了一天。您需要存储上次检查的时间。我不懂Python,但在其他语言中它相当简单。您可以在ReactJS中执行类似的操作,但必须是每个用户。您可以使用本地存储来存储日期和值,检查日期以查看是否需要生成和存储新值。