reusable react curried event handler

curried-event-handler.jsx

import React, { Component } from 'react';
import { render } from 'react-dom';
import { Map, List } from 'immutable';

class App extends Component {
    constructor () {
        super();
        this.state = { data: Map({
            name: 'init',
            pass: 'init'
        })}
    }
    handleClick = type => e =>
        this.setState(({data}) => ({
            data: data.set(type, this.refs[type].value
        )}));

    render = () => <div>
        <input type="text" ref="name" />
        <button onClick={ this.handleClick('name') }>name</button>
        <input type="password" ref="pass"/>
        <button onClick={ this.handleClick('pass') }>password</button>
        <p>name: { this.state.data.get('name') }</p>
        <p>password: { this.state.data.get('pass') }</p>
    </div>
}

render(<App />,
    document.getElementById('root'));