JavaScript React ES6 onSubmit() does not work react onsubmit is not a function,react form onsubmit do

I'm currently working on a project using webpack and babel to build a project. I tried so many things as I can think of, but somehow onSubmit or onClick function do not work no matter how I bind those functions. Here is the code snippet of the code. Can anyone think of any possible reason?

Here's the code. I can't (usefully) make it a Stack Snippet because they don't allow form submissions.

export default class CommentForm extends React.Component {
    constructor(props) {
        super(props);
        console.log("constructor");
    }

    onSubmit(e) {
        e.preventDefault();
        console.log("you clicked")

        // 1. Take data from from form
        let commentData = {
             // commentName: this.refs.name.value,
             commentBody: this.refs.content.value
        }

        // 2. Pass data back to App
        this.props.addComment(commentData);

        // 3. Reset the form
        this.refs.commentForm.reset();
    }

    render() {
        return (
          <div className="commentForm">
            <form name="comment" id="comment" onSubmit={this.onSubmit.bind(this)}>
              <textarea className="commentText" ref="content" rows="10" placeholder="Comment"></textarea>
              <button id="submit" type="submit">Add Value</button>
            </form>
          </div>
        );
    }
}

Answer:1

Here is a working fiddle, logging the values to the console. You don't need to use refs and the use of refs should be limited where possible.

Instead of refs, give the form elements a name and use

e.target.content.value

to access the values

https://jsfiddle.net/jq17t7uh/1/

Answer:2

How to get the source from a video element inside a div and pass it on to another video element - javascript

Im really new to JavaScript and I started a new project that consists in a video player and editor. I have this modal Box: <div class="modal" id="myModal"> <div class="modal-header"> ...

source from video tag
source video from
find source from video
source video html
source video maker
source video calgary
source video html5
source video editor
source video interview
source video youtube
source video edmonton
source video games
source video 4k
source video finder
source video interview questions
source video download
source video type
source video vlc obs
source video facebook
source video js

Extract a specific word from string in Javascript

#anotherdata=value#iamlookingforthis=226885#id=101&start=1 Given the string above how could I extract "iamlookingforthis=226885" in the string? value of it might change as this is dynamic. So, ...

extract specific word from excel cell
extract specific word from text file python
extract specific word from string python
extract specific word from sentence in excel
extract specific word from string excel
extract specific word from string sql
extract specific word from cell
extract specific word from string java
extract specific word from string c#
extract specific word from string javascript
regex extract specific word
extract text after specific word in excel
extract specific pages from word
extract specific pages from word document
extract specific text from word document
extract specific data from word to excel vba
excel formula extract specific word
extract specific text from word document python
extract text after specific word
extract text after specific word python

Checkbox input, styled as a button is no longer triggering the 'change' event

I am trying to implement a checkbox as a button as described here: https://v4-alpha.getbootstrap.com/components/buttons/#checkbox-and-radio-buttons I am trying to listen to the the change event of ...

checkbox input style
checkbox input style css
input checkbox style css3
input checkbox style bootstrap
input checkbox style codepen
input checkbox style checked
input checkbox style size
input checkbox style w3schools
input checkbox style color
input checkbox style html
input checkbox style border
change checkbox input style
input type checkbox style
input type checkbox style css
input checkbox focus style
input checkbox css style examples
css change input checkbox style
bootstrap 4 input checkbox style
input checkbox inline style
input checkbox custom style

How do I add a KML to an OpenLayers map from a local source?

I am looking at this example from openlayers themselves. You can see the source by clicking on the "kml-layer.js" link at the bottom. The source code when i do this looks like this: var map = new ...

openlayers local tiles
openlayers local tiles example
openlayers local map
openlayers local tile server
openlayers local geojson
openlayers local
openlayers local image
openlayers local storage
openlayers local server
openlayers local source
openlayers local kml file
openlayers local install
openlayers local icon
openlayers local osm
openlayers local file