Child to parent communication in React (JSX) without flux

Question

I\'m really new to React, and I\'m pulling my hair out trying to solve what seems to me to be a simple problem. Here\'s a picture of the component I\'ve built.

Color

Answer 1

You can just pass callback function into child from your parent component, as simple as this:

(when using React.createClass all class methods are already bound to this, so you are not required to call .bind(this)).

Then from ColorButton component you can call this callback as this.props.onColorSelect(...).

JS Bin example: http://jsbin.com/fivesorume/edit?js,output