SyntaxFix

[javascript] getElementById in React

You need to have your function in the componentDidMount lifecycle since this is the function that is called when the DOM has loaded.

Make use of refs to access the DOM element

<input type="submit" className="nameInput" id="name" value="cp-dev1" onClick={this.writeData} ref = "cpDev1"/>

  componentDidMount: function(){
    var name = React.findDOMNode(this.refs.cpDev1).value;
    this.someOtherFunction(name);
  }

See this answer for more info on How to access the dom element in React

Examples related to javascript

• need to add a class to an element • How to make a variable accessible outside a function? • Hide Signs that Meteor.js was Used • How to create a showdown.js markdown extension • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Summing radio input values • How to execute an action before close metro app WinJS • javascript, for loop defines a dynamic variable name • Getting all files in directory with ajax

Examples related to reactjs

• Error: Node Sass version 5.0.0 is incompatible with ^4.0.0 • TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined raised when starting react app • Template not provided using create-react-app • How to resolve the error on 'react-native start' • Element implicitly has an 'any' type because expression of type 'string' can't be used to index • Invalid hook call. Hooks can only be called inside of the body of a function component • How to style components using makeStyles and still have lifecycle methods in Material UI? • React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function • How to fix missing dependency warning when using useEffect React Hook? • Unable to load script.Make sure you are either running a Metro server or that your bundle 'index.android.bundle' is packaged correctly for release

Examples related to null

• getElementById in React • Filter values only if not null using lambda in Java8 • Why use Optional.of over Optional.ofNullable? • How to resolve TypeError: Cannot convert undefined or null to object • Check if returned value is not null and if so assign it, in one line, with one method call • How do I assign a null value to a variable in PowerShell? • Using COALESCE to handle NULL values in PostgreSQL • How to check a Long for null in java • Check if AJAX response data is empty/blank/null/undefined/0 • Best way to check for "empty or null value"

Examples related to getelementbyid

• getElementById in React • How to access a DOM element in React? What is the equilvalent of document.getElementById() in React • vue.js 'document.getElementById' shorthand • Cannot read property 'addEventListener' of null • Onclick function based on element id • Use of document.getElementById in JavaScript • How to pick element inside iframe using document.getElementById • It says that TypeError: document.getElementById(...) is null • document.getElementById('btnid').disabled is not working in firefox and chrome • Change the Value of h1 Element within a Form with JavaScript