javascript – ¿Cómo colorear un campo específico de una tabla dinámica realizada con React?

soy nueva en el campo de la programación y más en este lenguaje.
Necesito que un campo de una tabla dinámica que tenga un fondo diferente dependiendo de su contenido, así como en la imagen, no se me ocurre como realizarlo lo he intentado con jquery. La tabla es creada con react co valores obtenidos desde una bd de Firebase.

debe quedar de esta manera

Este es donde pinta la tabla.

        return this.state.data.map((point, index) => {
            return <tr key={index}
            id={index}
            style={rowStyle}
            className="mask flex-center rgba-red-strong"
            // description={point.desc}
            ica={point.ICA}
            >
            <td style={{display:'none'}}>{point.id}</td>
            <td>{point.zonaHoraria}</td> 
            <td style={{textAlign:'left'}}>{point.coments}</td>
            <td style={{display:'none'}}>{point.puntoscardenales}</td>
            <td>{this.roundNumbers(point.ICA)}</td>
            <td>{point.criterio}</td>
            {/* onBlur={{function(){if(point.criterio == "Aceptable"){$('td').css('background-color','blue');}}}} */}
            <td style={{display:'none'}}>{this.roundNumbers(point.IWTotal)}</td>
            <td style={{display:'none'}}>{this.roundNumbers(point.generalTotalWeight)}</td>
            <td>{this.roundNumbers(point.indicadoresConsideradosTotal)}</td>
            <td style={{display:'none'}}>{point.lat}</td>
            <td style={{display:'none'}}>{point.lng}</td>
            <td style={{textAlign:'center'}}>{this.roundNumbers(point.margenError)}</td>
            <td style={{textAlign:'center'}}>{point.userToma}</td>
            <td>{point.userEditor}</td>
            <td style={{display:'none'}}>{point.desPunto}</td>
            <td>{point.ObservaLabo}</td>
            <td><button type="button" className="btn btn-primary" data-toggle="modal" data-target=".bd-edit-modal-lg" onClick={this.onDataClick.bind(this, point)}>Editar Registro</button></td>
            <td><button type="button" className="btn btn-success" data-toggle="modal" data-target=".bd-crite-modal-lg" onClick={this.ObservaLabo.bind(this, point)}>Agregar Observación</button></td>
            </tr>
        })
    } 

Intento leer todas filas de la tabla pero solo la columna de “criterio general”, pero solo lee la primera fila. No se que hacer para solucionar el problema. Gracias si podrían ayudarme.