小编vaa*_*ind的帖子

当我尝试在我的项目中使用office fabric ui并导入组件例如面板时我有这个错误 屏幕.我也记录了这种行为.https://giphy.com/gifs/3ohjV6gZTxE8TiqVfa
步骤:

1. 我通过*dotnet new react*创建了项目
2. 我安装办公室*npm --save install office-ui-fabric-react*
3. 我将Fabric组件导入boot.tsx并使用它.
4. 我将Panel组件导入Layout.tsx并使用它.
5. 当我单击按钮激活时,在控制台中出现错误*Layer.componentDidUpdate()中的异常:不变违规:addComponentAsRefTo(...):只有ReactOwner可以有refs.您可能正在向组件的`render`方法中未创建的组件添加ref,或者您有多个React加载的副本*

我把我的代码放在repo https://bitbucket.org/vaalgrindalone/dotnet-react-template-office-fabric-ui-issue/src 这是我的package.json

   {
  "name": "dotnet_react_template_office_fabric_ui_issue",
  "private": true,
  "version": "0.0.0",
  "devDependencies": {
    "@types/history": "4.6.2",
    "@types/react": "^16.0.36",
    "@types/react-dom": "16.0.3",
    "@types/react-hot-loader": "3.0.5",
    "@types/react-router": "4.0.21",
    "@types/react-router-dom": "4.2.3",
    "@types/webpack-env": "1.13.5",
    "aspnet-webpack": "^2.0.1",
    "aspnet-webpack-react": "^3.0.0",
    "awesome-typescript-loader": "3.4.1",
    "bootstrap": "4.0.0",
    "css-loader": "0.28.9",
    "event-source-polyfill": "0.0.12",
    "extract-text-webpack-plugin": "3.0.2",
    "file-loader": "1.1.6",
    "isomorphic-fetch": "2.2.1",
    "jquery": "3.3.1",
    "json-loader": "0.5.7",
    "react": "16.2.0",
    "react-dom": "16.2.0",
    "react-hot-loader": "3.1.3",
    "react-router-dom": "4.2.2",
    "style-loader": "0.20.1",
    "typescript": "2.7.1",
    "url-loader": "0.6.2",
    "webpack": …