React Semantic UIを使ってReactとReact Semantic UIを学習しようとしています。私はテーブルを持っています、そして、私はそれからデータを取得する方法を理解できません。チェックボックスがクリックされたときにユーザーのIDを取得したいのですが、どのように行うかの例は見つかりません(多分これは基本的な質問ですが、何かを見落としています)。私が最初の行のクリックでデータを取得しようとした、表には、このSemantic UI Reactを使用してテーブルからデータを取り出す方法React
<Table collapsing compact celled definition>
<Table.Header>
<Table.Row>
<Table.HeaderCell />
<Table.HeaderCell>First Name</Table.HeaderCell>
<Table.HeaderCell>Last Name</Table.HeaderCell>
</Table.Row>
</Table.Header>
<Table.Body>
{students.map(student => <Table.Row key={student.student_id} onClick = {handleRowClick}>
<Table.Cell collapsing>
<Checkbox />
</Table.Cell>
<Table.Cell
children = {student.fname}>
</Table.Cell>
<Table.Cell
children = {student.lname}>
</Table.Cell>
</Table.Row>)}
</Table.Body>
</Table>
のようなもので、私が暴れるよどこ行のクリック機能があります。私は様々なことを試みましたが、一般的には不明です。
handleRowClick = (student) => {console.log(this.props.children);}
私は同じようで、この質問(How to get data from table row click using Semantic's React Table Component)を見つけたが、私はそれはあなたがbind
を使って比較的簡単にこれを行うことができます
これは私が必要としていたものです。ありがとうございました! – fwhang