<p dir="auto">Hi,</p>
<p dir="auto">I'm trying to fire an action by using <strong>RaisedButton</strong> but it seems that <strong>onClick</strong> method is not working for it. Also <strong>onTouchTap</strong> is not working. Even if I import <strong>injectTapEventPlugin</strong></p>
<p dir="auto"><code class="notranslate">var injectTapEventPlugin = require("react-tap-event-plugin"); </code></p>
<p dir="auto">Here is my code. You can find the RaisedButton by searching. Where did I go wrong?</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import React, {Component} from 'react';
import TextField from 'material-ui/TextField';
import RaisedButton from 'material-ui/RaisedButton';

class TemplateConfiguration extends Component {
    constructor(props) {
        super(props);
        this.saveTemplateInternal = this.saveTemplateInternal.bind(this)
    }
    saveTemplateInternal() {
        console.log(data);
    }
    render() {
        const {templateInEditMode, status, templateName, saveTemplate, createTemplate, removeTemplate} = this.props
        const statusWrapperStyle = {
            padding: '5px',
            marginBottom: '0'
        }
        const templateNameLabelWrapper = {
            paddingRight: 0
        }
        return (
          &lt;article className=&quot;article&quot;&gt;
            &lt;h2 className=&quot;article-title&quot;&gt;Template Creation&lt;/h2&gt;
            &lt;div className=&quot;box box-default&quot;&gt;
              &lt;div className=&quot;box-body padding-xl&quot;&gt;

                &lt;form role=&quot;form&quot;&gt;
                  &lt;div className=&quot;form-group row&quot;&gt;
                    &lt;label className=&quot;col-md-2 control-label&quot;&gt;Template ID&lt;/label&gt;
                    &lt;div className=&quot;col-md-10&quot;&gt;
                      &lt;input type=&quot;text&quot; className=&quot;form-control&quot; placeholder=&quot;Template ID&quot; ref=&quot;_templateId&quot; /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;form-group row&quot;&gt;
                    &lt;label className=&quot;col-md-2 control-label&quot;&gt;Template Type&lt;/label&gt;
                    &lt;div className=&quot;col-md-10&quot;&gt;
                      &lt;input type=&quot;text&quot; className=&quot;form-control&quot; placeholder=&quot;Template Type&quot; ref=&quot;_templateType&quot; /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;form-group row&quot;&gt;
                    &lt;label className=&quot;col-md-2 control-label&quot;&gt;Description&lt;/label&gt;
                    &lt;div className=&quot;col-md-10&quot;&gt;
                      &lt;input type=&quot;text&quot; className=&quot;form-control&quot; placeholder=&quot;Template Description&quot; ref=&quot;_templateDesc&quot; /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;form-group row&quot;&gt;
                    &lt;label className=&quot;col-md-2 control-label&quot;&gt;Template Serial Number&lt;/label&gt;
                    &lt;div className=&quot;col-md-10&quot;&gt;
                      &lt;input type=&quot;text&quot; className=&quot;form-control&quot; placeholder=&quot;Template Type&quot; ref=&quot;_templateSerNum&quot; /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;form-group row&quot;&gt;
                    &lt;label className=&quot;col-md-2 control-label&quot;&gt;Template Manufacturer&lt;/label&gt;
                    &lt;div className=&quot;col-md-10&quot;&gt;
                      &lt;input type=&quot;text&quot; className=&quot;form-control&quot; placeholder=&quot;Template Type&quot; ref=&quot;_templateManu&quot; /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;form-group row&quot;&gt;
                    &lt;label className=&quot;col-md-2 control-label&quot;&gt;Template Model&lt;/label&gt;
                    &lt;div className=&quot;col-md-10&quot;&gt;
                      &lt;input type=&quot;text&quot; className=&quot;form-control&quot; placeholder=&quot;Template Type&quot; ref=&quot;_templateModel&quot; /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;form-group row&quot;&gt;
                    &lt;label className=&quot;col-md-2 control-label&quot;&gt;Template Info&lt;/label&gt;
                    &lt;div className=&quot;col-md-10&quot;&gt;
                      &lt;input type=&quot;text&quot; className=&quot;form-control&quot; placeholder=&quot;Template Type&quot; ref=&quot;_templateInfo&quot; /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;form-group row&quot;&gt;
                    &lt;label className=&quot;col-md-2 control-label&quot;&gt;Template Location&lt;/label&gt;
                    &lt;div className=&quot;col-md-10&quot;&gt;
                      &lt;input type=&quot;text&quot; className=&quot;form-control&quot; placeholder=&quot;Template Type&quot; ref=&quot;_templateLoc&quot; /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;form-group row&quot;&gt;
                    &lt;label className=&quot;col-md-2 control-label&quot;&gt;Template Firmware&lt;/label&gt;
                    &lt;div className=&quot;col-md-10&quot;&gt;
                      &lt;input type=&quot;text&quot; className=&quot;form-control&quot; placeholder=&quot;Template Type&quot; ref=&quot;_templateFirm&quot; /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;form-group row&quot;&gt;
                    &lt;label className=&quot;col-md-2 control-label&quot;&gt;Template Hardware&lt;/label&gt;
                    &lt;div className=&quot;col-md-10&quot;&gt;
                      &lt;input type=&quot;text&quot; className=&quot;form-control&quot; placeholder=&quot;Template Type&quot; ref=&quot;_templateHard&quot; /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;form-group row&quot;&gt;
                    &lt;label className=&quot;col-md-2 control-label&quot;&gt;Template Property Name&lt;/label&gt;
                    &lt;div className=&quot;col-md-10&quot;&gt;
                      &lt;input type=&quot;text&quot; className=&quot;form-control&quot; placeholder=&quot;Template Type&quot; ref=&quot;_templatePropName&quot; /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;form-group row&quot;&gt;
                    &lt;label className=&quot;col-md-2 control-label&quot;&gt;Template Property Type&lt;/label&gt;
                    &lt;div className=&quot;col-md-10&quot;&gt;
                      &lt;input type=&quot;text&quot; className=&quot;form-control&quot; placeholder=&quot;Template Type&quot; ref=&quot;_templatePropType&quot; /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;form-group row&quot;&gt;
                    &lt;label className=&quot;col-md-2 control-label&quot;&gt;Template Property Unit&lt;/label&gt;
                    &lt;div className=&quot;col-md-10&quot;&gt;
                      &lt;input type=&quot;text&quot; className=&quot;form-control&quot; placeholder=&quot;Template Type&quot; ref=&quot;_templatePropUnit&quot; /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;form-group row&quot;&gt;
                    &lt;label className=&quot;col-md-2 control-label&quot;&gt;Template Property&lt;/label&gt;
                    &lt;div className=&quot;col-md-10&quot;&gt;
                      &lt;input type=&quot;text&quot; className=&quot;form-control&quot; placeholder=&quot;Template Type&quot; ref=&quot;_templateProp&quot; /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;form-group row&quot;&gt;
                    &lt;label className=&quot;col-md-2 control-label&quot;&gt;Template Actuator Name&lt;/label&gt;
                    &lt;div className=&quot;col-md-10&quot;&gt;
                      &lt;input type=&quot;text&quot; className=&quot;form-control&quot; placeholder=&quot;Template Type&quot; ref=&quot;_templateActName&quot; /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;form-group row&quot;&gt;
                    &lt;label className=&quot;col-md-2 control-label&quot;&gt;Template Actuator Description&lt;/label&gt;
                    &lt;div className=&quot;col-md-10&quot;&gt;
                      &lt;input type=&quot;text&quot; className=&quot;form-control&quot; placeholder=&quot;Template Type&quot; ref=&quot;_templateActDesc&quot; /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;form-group row&quot;&gt;
                    &lt;label className=&quot;col-md-2 control-label&quot;&gt;Template Metadata&lt;/label&gt;
                    &lt;div className=&quot;col-md-10&quot;&gt;
                      &lt;input type=&quot;text&quot; className=&quot;form-control&quot; placeholder=&quot;Template Type&quot; ref=&quot;_templateMeta&quot; /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;br/&gt;
                  &lt;div className=&quot;form-group row&quot;&gt;
                    &lt;div className=&quot;offset-md-2 col-md-10&quot;&gt;
                      &lt;RaisedButton label=&quot;Submit&quot; className=&quot;btn-w-md&quot; onClick={this.saveDashboardInternal}/&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/form&gt;

              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/article&gt;
        );
    }
}
export default TemplateConfiguration;"><pre class="notranslate"><code class="notranslate">import React, {Component} from 'react';
import TextField from 'material-ui/TextField';
import RaisedButton from 'material-ui/RaisedButton';

class TemplateConfiguration extends Component {
    constructor(props) {
        super(props);
        this.saveTemplateInternal = this.saveTemplateInternal.bind(this)
    }
    saveTemplateInternal() {
        console.log(data);
    }
    render() {
        const {templateInEditMode, status, templateName, saveTemplate, createTemplate, removeTemplate} = this.props
        const statusWrapperStyle = {
            padding: '5px',
            marginBottom: '0'
        }
        const templateNameLabelWrapper = {
            paddingRight: 0
        }
        return (
          &lt;article className="article"&gt;
            &lt;h2 className="article-title"&gt;Template Creation&lt;/h2&gt;
            &lt;div className="box box-default"&gt;
              &lt;div className="box-body padding-xl"&gt;

                &lt;form role="form"&gt;
                  &lt;div className="form-group row"&gt;
                    &lt;label className="col-md-2 control-label"&gt;Template ID&lt;/label&gt;
                    &lt;div className="col-md-10"&gt;
                      &lt;input type="text" className="form-control" placeholder="Template ID" ref="_templateId" /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="form-group row"&gt;
                    &lt;label className="col-md-2 control-label"&gt;Template Type&lt;/label&gt;
                    &lt;div className="col-md-10"&gt;
                      &lt;input type="text" className="form-control" placeholder="Template Type" ref="_templateType" /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="form-group row"&gt;
                    &lt;label className="col-md-2 control-label"&gt;Description&lt;/label&gt;
                    &lt;div className="col-md-10"&gt;
                      &lt;input type="text" className="form-control" placeholder="Template Description" ref="_templateDesc" /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="form-group row"&gt;
                    &lt;label className="col-md-2 control-label"&gt;Template Serial Number&lt;/label&gt;
                    &lt;div className="col-md-10"&gt;
                      &lt;input type="text" className="form-control" placeholder="Template Type" ref="_templateSerNum" /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="form-group row"&gt;
                    &lt;label className="col-md-2 control-label"&gt;Template Manufacturer&lt;/label&gt;
                    &lt;div className="col-md-10"&gt;
                      &lt;input type="text" className="form-control" placeholder="Template Type" ref="_templateManu" /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="form-group row"&gt;
                    &lt;label className="col-md-2 control-label"&gt;Template Model&lt;/label&gt;
                    &lt;div className="col-md-10"&gt;
                      &lt;input type="text" className="form-control" placeholder="Template Type" ref="_templateModel" /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="form-group row"&gt;
                    &lt;label className="col-md-2 control-label"&gt;Template Info&lt;/label&gt;
                    &lt;div className="col-md-10"&gt;
                      &lt;input type="text" className="form-control" placeholder="Template Type" ref="_templateInfo" /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="form-group row"&gt;
                    &lt;label className="col-md-2 control-label"&gt;Template Location&lt;/label&gt;
                    &lt;div className="col-md-10"&gt;
                      &lt;input type="text" className="form-control" placeholder="Template Type" ref="_templateLoc" /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="form-group row"&gt;
                    &lt;label className="col-md-2 control-label"&gt;Template Firmware&lt;/label&gt;
                    &lt;div className="col-md-10"&gt;
                      &lt;input type="text" className="form-control" placeholder="Template Type" ref="_templateFirm" /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="form-group row"&gt;
                    &lt;label className="col-md-2 control-label"&gt;Template Hardware&lt;/label&gt;
                    &lt;div className="col-md-10"&gt;
                      &lt;input type="text" className="form-control" placeholder="Template Type" ref="_templateHard" /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="form-group row"&gt;
                    &lt;label className="col-md-2 control-label"&gt;Template Property Name&lt;/label&gt;
                    &lt;div className="col-md-10"&gt;
                      &lt;input type="text" className="form-control" placeholder="Template Type" ref="_templatePropName" /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="form-group row"&gt;
                    &lt;label className="col-md-2 control-label"&gt;Template Property Type&lt;/label&gt;
                    &lt;div className="col-md-10"&gt;
                      &lt;input type="text" className="form-control" placeholder="Template Type" ref="_templatePropType" /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="form-group row"&gt;
                    &lt;label className="col-md-2 control-label"&gt;Template Property Unit&lt;/label&gt;
                    &lt;div className="col-md-10"&gt;
                      &lt;input type="text" className="form-control" placeholder="Template Type" ref="_templatePropUnit" /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="form-group row"&gt;
                    &lt;label className="col-md-2 control-label"&gt;Template Property&lt;/label&gt;
                    &lt;div className="col-md-10"&gt;
                      &lt;input type="text" className="form-control" placeholder="Template Type" ref="_templateProp" /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="form-group row"&gt;
                    &lt;label className="col-md-2 control-label"&gt;Template Actuator Name&lt;/label&gt;
                    &lt;div className="col-md-10"&gt;
                      &lt;input type="text" className="form-control" placeholder="Template Type" ref="_templateActName" /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="form-group row"&gt;
                    &lt;label className="col-md-2 control-label"&gt;Template Actuator Description&lt;/label&gt;
                    &lt;div className="col-md-10"&gt;
                      &lt;input type="text" className="form-control" placeholder="Template Type" ref="_templateActDesc" /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="form-group row"&gt;
                    &lt;label className="col-md-2 control-label"&gt;Template Metadata&lt;/label&gt;
                    &lt;div className="col-md-10"&gt;
                      &lt;input type="text" className="form-control" placeholder="Template Type" ref="_templateMeta" /&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;br/&gt;
                  &lt;div className="form-group row"&gt;
                    &lt;div className="offset-md-2 col-md-10"&gt;
                      &lt;RaisedButton label="Submit" className="btn-w-md" onClick={this.saveDashboardInternal}/&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/form&gt;

              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/article&gt;
        );
    }
}
export default TemplateConfiguration;
</code></pre></div>
<p dir="auto">The onTouchTap from Buttons isn't working with React 15.6.0 <a href="https://facebook.github.io/react/warnings/unknown-prop.html" rel="nofollow">https://facebook.github.io/react/warnings/unknown-prop.html</a><br>
I think it's finally time to move to the standard onClick and remove tap event plugin</p>