ReactJS根据Floor Price显示NFT Class异常问题求助

问题出在你把数值转成字符串后进行大小比较，字符串的字典序比较规则和数值大小逻辑完全不一致，同时toPrecision(2)的行为也不符合你的预期：

1. 字符串比较时会逐字符按ASCII码判断，比如"9.99"会被认为大于"10.00"（因为第一个字符'9'的ASCII码比'1'高），导致个位数价格错误进入更高分类。
2. toPrecision(2)是保留2位有效数字，当价格是大数值（比如2ETH对应3000美元）时，会返回类似"3.0e+3"的科学计数法字符串，和"40.00"这类字符串比较完全失效。

修复方案 #

先计算出精确的浮点数值，用数值类型进行比较，不要转成字符串判断：

1. 先计算EthValue * DollarValue的结果，用toFixed(2)保留两位小数（对应你需要的Floor Price格式），再转成浮点数。
2. 直接用这个数值和40、30等阈值进行比较，避免字符串比较的坑。

修改后的代码 #

function NFTclass() {
  try {
    // 计算Floor Price并转成保留两位小数的数值
    const floorPrice = parseFloat((EthValue * DollarValue).toFixed(2));
    
    if (floorPrice >= 40.00) {
      setnftclasses('Class A NFT');
    } else if (floorPrice >= 30.00) {
      setnftclasses('Class B NFT');
    } else if (floorPrice >= 20.00) {
      setnftclasses('Class C NFT');
    } else if (floorPrice >= 10.00) {
      setnftclasses('Class D NFT');
    } else {
      setnftclasses('No Class Determined');
    }
  } catch(e) {
    console.log(e);
  }
}

额外说明 #

• toFixed(2)会把数值格式化为带两位小数的字符串（比如3000会变成"3000.00"），转成浮点数后不影响数值大小判断。
• 最后一个分支不需要额外判断floorPrice < 10.00，前面的条件都不满足时自然进入这个分支，逻辑更简洁。

内容的提问来源于stack exchange，提问作者Jayzxr