警告：Prop `id` 在 tradingview 小部件中不匹配答案

【问题标题】：Warning: Prop `id` did not match in tradingview widget警告：Prop `id` 在 tradingview 小部件中不匹配
【发布时间】：2020-06-12 06:37:17
【问题描述】：

我正在尝试使用 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;

我在这里做错了什么？

【问题讨论】：

标签： reactjs tradingview-api

【解决方案1】：

也许你正在使用某种服务器端渲染，我在 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;

现在效果很好。

【讨论】：