如何解决React / Javascript复选框正常工作,但颜色不变未显示
我有反应表,并带有复选框,我想获取值并将其导出到excel中,一切正常,除了当我单击复选框时,不改变颜色,只改变真/假状态..需要帮助
这是代码
const formApi = React.createRef();
useEffect(() => {
api.postAramaList(taarih).then(res => {
setData(res.data);
});
},[]);
**const setGazeteChecked = (item) => {
const tempItem = Array.from(data).find(v => v === item);
tempItem.secilenKayit = !tempItem.secilenKayit;
let filtered = data.filter(v => v.secilenKayit);
setSecilenler(JSON.parse(JSON.stringify(filtered)));
console.log(item);**
}
return (
<div className="mx-3 mx-md-5">
<br />
<div className="card">
<h6 className="card-header text-left"> Basın Yayın Müdürlüğü Gazete Haberleri </h6>
<div className="card text-center">
<br />
< div className="button col-md-12">
<ReactHTMLTableToExcel
id="test-table-xls-button"
className="btn btn-primary btn-sm m-2 float-left"
table="table-to-xls"
filename="GazeteYayinExcelCiktisi"
sheet="tablexls"
buttonText="Excel Olarak İndir"/>
</div>
<ReactTable data={data} pageSizeOptions={[60,100,200,1000]} columns={[
{
columns: [
{
width: 60,Cell: row => (
<div className="col" >
<label className="cb">
<input type="checkbox" checked={row.secilenKayit} onChange={() => setGazeteChecked(row.original)} />
<span className="checkmark"></span>
</label>
</div>
),},{
Header: '',width: 100,Cell: row => (
<div className="form-row text-left">
<div className="col col-sm-1">
<button onClick={(e) => handleIncele(row.original)} className="btn btn-success btn-sm btn-center">Detay </button>
</div>
</div>
问题可能出在const setGazeteChecked上。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。