时间戳

首页 > 解决方案 > 警告：Prop `id` 在 tradingview 小部件中不匹配

reactjs - 警告：Prop `id` 在 tradingview 小部件中不匹配

问题描述

我正在尝试使用 TradingViewWidget 来响应显示图表，但图表有时显示有时不显示。在控制台中收到此警告

警告：道具id不匹配。服务器：“tradingview-widget-0.7679528527764021” 客户端：“tradingview-widget-0.3972755056284276”

这是我的代码 -

import TradingViewWidget from 'react-tradingview-widget';
import { Segment } from 'semantic-ui-react';

const TechnicalChart = () => {
  return (
      <Segment basic >
        <TradingViewWidget symbol="OANDA:USDTHB"/>
      </Segment>
  );
};
export default TechnicalChart;

我在这里做错了什么？

标签： reactjstradingview-api

解决方案

也许你正在使用某种服务器端渲染，我在 Nextjs 中遇到了这个错误，那是因为 SSR，我做了这样的事情：

const TvChart = dynamic(() => import("TvChart"), { ssr: false });

然后将其用作：

<TvChart/>

这是图表组件：

import TradingViewWidget from "react-tradingview-widget";
const TvChart = () => {
   return <TradingViewWidget symbol="NASDAQ:AAPL" />;
};
export default TvChart;

现在它运作良好。

推荐阅读