我是ReactJS的新手,如果这听起来不对劲,我很抱歉.我有一个组件,它根据接收到的数据创建几个表行.
列中的每个单元格都有一个单选复选框.因此,用户可以从现有行中 Select 一个site_name
和一个address
. Select 应显示在页脚中.这就是我被困的地方.
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()
的操作来 Select 一个单选复选框类型,并将其插入到第一个页脚单元格中.
但肯定有一种方法,我完全错过了?非常感谢