Javascript 删除/隐藏值的初始状态

我有一个表和一个图表组件。当页面第一次加载时，它加载初始数据（图1）。一旦用户从表中触发onClick事件，数据就会更新为新数据（图2）。如果触发onClick事件，返回的数据为空，则显示初始数据（图3）。我希望它不要显示任何东西

我目前已经在'accuracyInit'包装的div，因为我找不到正确的声明，使其工作。如果我将其包装为“准确性”，页面将不会显示初始数据（如果存在）。谢谢你的帮助

accuracyInit=初始数据， 准确度=新数据

图1

图2

图3

const ChartMetrics=({
精确
精确性，
}) => {
返回(
{accuracyInit&&(
精确
{准确度？（准确度*100）.toFixed（3）：（准确度yinit*100.toFixed（3）}%

)}
);
};
导出默认图表度量；

是否可以添加更多代码以使问题重现？

const ChartMetrics = ({
  accuracy,
  accuracyInit,

}) => {
  return (
    <div className="chart-block__metrics">
      {accuracyInit && (
        <div>
          <div>
            <h4>Accuracy</h4>
   
          </div>
          <p>{accuracy ? (accuracy * 100).toFixed(3) : (accuracyInit * 100).toFixed(3)}%</p>
        </div>
      )}
    </div>
  );
};

export default ChartMetrics;