Cuando intento usar AppBar en la versión 0.16.6 de Material UI, aparece el siguiente error
Uncaught Error: addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's `render` method, or you have multiple copies of React loaded.que parece un error de conflicto de reacción.
Mi código es el siguiente:
Aplicación.js
import React, { Component } from 'react'; import AppBar from 'material-ui/AppBar'; import {deepOrange500} from 'material-ui/styles/colors'; import getMuiTheme from 'material-ui/styles/getMuiTheme'; import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; const muiTheme = getMuiTheme({ palette: { accent1Color: deepOrange500, }, }); class App extends Component { render() { return ( <MuiThemeProvider muiTheme={muiTheme}> <AppBar/> </MuiThemeProvider> ); } } export default App;índice.js
import injectTapEventPlugin from 'react-tap-event-plugin'; import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render( <App />, document.getElementById('root') );¿Alguien ha encontrado esto, o alguien sabe cómo solucionar el problema?
En el archivo index.js , necesitará esto antes de la llamada a ReactDOM.render :
// Needed for onTouchTap event handling injectTapEventPlugin(); A ver si eso aclara el problema. De lo contrario, intente eliminar la carpeta node_modules y ejecute npm install nuevamente.