How do you pass a parameter to an event handler or callback in REACT?

Practice

You can use an arrow function to wrap around the event handler and pass parameters:

<button onClick={() => this.handleClick(id)} />

This is equivalent to calling .bind

Comments

To leave a comment

If you have any suggestion, idea, thanks or comment, feel free to write. We really value feedback and are glad to hear your opinion.

To reply

Comment

To confirm that you are not a bot, answer:

Name

Email(not published)

Vote

Lectures and tutorial on "Scripting client side JavaScript, jqvery, BackBone"

Terms: Scripting client side JavaScript, jqvery, BackBone

javascript single page client

JS Memory Management

Introduction to JavaScript

Alternative browser technologies

Books on JS, HTML / CSS

JavaScript Reference and Specs

Installing browsers, JS-console

Support for older javascript browsers

Hello World!

Code structure JavaScript

Javascript variables

Variable names in javascript

Introduction to data types

Key operators

Comparison Operators and Boolean Values

Bitwise operators

User interaction: alert, prompt, confirm

Conditional operators: if

Logical operators

While, for loops

Break and continue directives

Switch design

Javascript functions

Recursion stack

Methods and properties

All together: JavaScript features

Strict mode, "use strict"

Javascript code style

How to write unsupported code? in javascript

Debug Chrome Browser

Strings in javascript

Numbers

Type conversion for primitives

Objects as associative arrays

Arrays with numeric indices

Arrays: methods

Date and time

Function is value

Function Declaration and Function Expression

Named Functional Expressions

Global object

Closures inside functions

Data storage in the circuit modules

Static variables

Construction "with"

The pseudo-array of arguments

Named Arguments

Own objects: constructors and methods

This context is in the details.

Reception programming "Decorator"

Object conversion: toString and valueOf

Typeof, [[class]] and duck typing

setTimeout and setInterval

Clone setTimeout and setInterval

setImmediate

Binding a function to an object and carring: "bind / bindLate"

Late bindLate binding

AJAX Asynchronous JavaScript

JAVASCRIPT and jquery questions and answers to the interview

Questions and answers for interviews frond-end developer Javascript

Grunt is a tool to build javascript projects.

Gulp.js - the stream collector of projects on JS.

Introduction to unit testing javascript code

Javascript beautiful coding style

JSON Jquery sending data using AJAX

Drag and drop Drag and drop jQuery items

Sort items Sortable interaction

Element selection — Selectable interaction

Scaling Elements - Resizable Interaction

Effects of jQuery UI Color Animation, Class Based Animation

An example of dragscroll is dragging and dragging with a mouse. JavaScript Scroll by Dragging

How to install Gulp.js in Windows

Modules in javascript. Template Module. And its formats: CommonJS, AMD, UMD

Optimising graphics for the web

Vue application architecture implementation options

What's new in ECMAScript 6. Destructuring assignment, spread and rest operators

Understanding the critical rendering path

Event Loop, how the event loop works in the Chrome browser

Purpose, syntax and examples of generators in php (yield)

Flux: The architecture of React.js applications

Does jQuery's SlideUp/SlideDown have a Step property? How can you replace or emulate slideUp with animate?

CSS link scaling doesn't work in Chrome, but works in Opera

How do you select an element with two classes in jquery?

jquery.min.map 404 (Not Found) error in Chrome

top doesn't work Uncaught TypeError: Cannot read property top of undefined offset

how do you open the javascript debug console in safari?

why the :Hover pseudo-class doesn't work

$ (id).remove() doesn't work in JQuery

Live click fires several times

There is an engine called DataWave CMS — the theme's css and js files, the main one with all the scripts, get overwritten for some reason

Backbonejs does not return all the models into the collection

ie 8 left float does not work and margin 0, auto does not centre things

Highcharts. Installation and a configuration example

Verbal expressions instead of regular ones invariably simplify coding in PHP and Javascript

how to select an element by class in JavaScript with getElementsByClassName and set its width without jquery

How to pass data from a child popup window to the parent window in JavaScript

How to strip all urlencode characters in JavaScript

Printing without a confirmation dialog in javascript, Mozilla

how do you detect a browser tab being closed in javascript while excluding navigation within the site?

live doesn't work, error tTypeError: Object [object Object] has no method live - JavaScript

How to find out in javascript whether the browser window is active or not

What is React? in REACT

What are the key features of React? in REACT

How do I put a shadow on the sides of a div?

jquery disable the right mouse button

jquery.jcarousel extra offset when scrolling, how do I get rid of it?

how to find out the name of the file attached in an html input field javascript

height: 100%; min-height: 100% won't set or work for a block in a block layout

how to select class selectors together with the this selector as children in jQuery?

how to align an image exactly to the horizontal and vertical center of a block in HTML CSS?

how to find out the dimensions of a layer or a selected area in Photoshop?

how to handle the data received in success of ajaxForm and ajax in jQuery

jqery mouseout fires an extra time after leaving the element

Return statements are only valid inside functions. javascript error,

jqvery select elements from an array of inputs by the name attribute

How to quickly highlight the current table row on mouse hover with jQuery

how to make the selectize plugin close on touch using the touchstart event

google map empty frame - blank output

Converting a number into its text representation in JavaScript

What is JSX? in REACT

What is the difference between an element and a component? in REACT

How to create components in React? in REACT

When to use a class component over a function component? in REACT

What are pure, smart and dumb components? in REACT

What are props in React? in REACT

What is the difference between state and props in REACT?