小编Kim*_*mmo的帖子

动态地向React.DOM元素添加事件处理程序

我正在使用RadioButtonGroup组件,它类似于无线电输入,但带有按钮:

在此输入图像描述

如果使用组件很容易就像这样:

var SelectThing = React.createClass({
    render: function render() {
        // I would not like to add onClick handler to every button element
        // outside the RadioButtonGroup component
        return (
            <RadioButtonGroup onChange={this._onActiveChange}>
                <button>Thing 1</button>
                <button>Thing 2</button>
                <button>Thing 3</button>
            </RadioButtonGroup>
        )
    },

    _onActiveChange: function _onActiveChange(index) {
        console.log('You clicked button with index:', index);
    }
});
Run Code Online (Sandbox Code Playgroud)

实际问题: 如何用React实现最优雅的效果?(我发现了另一个类似的问题,但它并没有完全回答这个问题).

我的第一个直觉是在组件内添加和删除onClick处理程序,以从组件的用户中删除锅炉板代码.我想到的另一个选择是给出<p>元素而不是按钮元素,并将它们放在将在RadioButtonGroup组件内创建的按钮元素中.我不太喜欢后者,因为与传递按钮相比,它在语义上没有那么多意义.

这是(显然不起作用)组件现在的样子:

// Radio input with buttons
// http://getbootstrap.com/javascript/#buttons-checkbox-radio
var RadioButtonGroup = React.createClass({
    getInitialState: function getInitialState() {
        return …
Run Code Online (Sandbox Code Playgroud)

reactjs

14
推荐指数
2
解决办法
3万
查看次数

如何使用Windows Phone的麦克风在网页中录制音频?

如何使用Windows Phone的麦克风在网页中录制音频?

我对WP7.5,WP8和WP8.1中的移动IE版本感兴趣.

mobile internet-explorer windows-phone-7 windows-phone-8

2
推荐指数
1
解决办法
7400
查看次数