Saya baru mengenal ReactJS, maaf jika ini tidak aktif. Saya memiliki komponen yang membuat beberapa baris tabel sesuai dengan data yang diterima.
Setiap sel dalam kolom memiliki kotak centang radio. Karenanya pengguna dapat memilih satu site_name
dan satu address
dari baris yang ada. Seleksi harus ditunjukkan dalam catatan kaki. Dan di situlah saya terjebak.
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>
);
}
});
Di jQuery saya bisa melakukan sesuatu seperti $("input[name=site_name]:checked").val()
mendapatkan pemilihan satu jenis kotak centang radio dan memasukkannya ke sel footer pertama.
Tetapi tentunya harus ada cara Reactjs, yang saya benar-benar hilang? Terimakasih banyak
input
elemen tidak memiliki konten. Jadi<input>content</input>
tidak masuk akal dan tidak valid. Anda mungkin mau<label><input />content</label>
.