This repository was archived by the owner on Jun 26, 2020. It is now read-only.
This repository was archived by the owner on Jun 26, 2020. It is now read-only.
All component names showing up as "t" #239
Description
Edit: A screenshot of multiple components: http://i.imgur.com/45Y3aG1.png
Here is a screenshot of the issue I'm facing (I took out the rest of the components to simplify things). All components are getting assigned a name of "t". In my gulpfile, I am using babelify, browserify, and uglify on my JS code – could that be the issue?
I defined the code for this component in my TimerButton.js file:
import React from 'react'
class TimerButton extends React.Component {
constructor() {
super()
this.state = {
message: 'Start'
}
}
render() {
let classes = 'btn-large waves-effect waves-light indigo accent-2'
let message = this.state.message
return (
<button id="timer-button" className={classes}>{message}</button>
)
}
}
export default TimerButtonAnd I rendered it from my app.js file like so:
import React from 'react'
import TimerButton from './components/TimerButton'
$(() => {
React.render(<TimerButton />, $('#timer-button-container')[0])
})Any help would be appreciated.