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 (将#修改为@）