我是ReactJS的新手,如果这听起来不太对劲,我很抱歉。我有一个组件,它根据接收到的数据创建几个表行。
列中的每个单元格都有一个单选复选框。因此,用户可以从现有行中选择一个site_name
和一个address
。所选内容应显示在页脚中。这就是我被卡住的地方。
var SearchResult = React.createClass({
render: function(){
var resultRows = this.props.data.map(function(result){
return (
<tbody>
<tr>
<td><input type="radio" name="site_name" value={result.SITE_NAME}>{result.SITE_NAME}</input></td>
<td><input type="radio" name="address" value={result.ADDRESS}>{result.ADDRESS}</input></td>
</tr>
</tbody>
);
});
return (
<table className="table">
<thead>
<tr>
<th>Name</th>
<th>Address</th>
</tr>
</thead>
{resultRows}
<tfoot>
<tr>
<td>chosen site name ???? </td>
<td>chosen address ????? </td>
</tr>
</tfoot>
</table>
);
}
});
在jQuery中,我可以像$("input[name=site_name]:checked").val()
一样选择一个单选复选框类型并将其插入到第一个页脚单元格中。
但是肯定有一种Reactjs的方式,我完全忽略了?非常感谢
https://stackoverflow.com/questions/27784212
复制相似问题