Tengo la siguiente funcion en react:
const PartidaPresupuestariaList = ({
partidapresupuestarias,
onClickEdit,
onClickDelete
}) => (
<div className="x_panel">
<h2>Lista de Fondos Financieros</h2>
<div className="clearfix"></div>
<div className="x_content">
<div className="contenedor440">
<table className="table__shassain" id="tabla_partidapresupuestaria">
<thead>
<tr>
<td>
Nombre
<input
placeholder="Buscar"
onChange={(evt) =>
buscador(0, 'tabla_partidapresupuestaria', evt)
}
name="buscador"
type="text"
className="form-control"
style={{
height: '25px',
fontSize: '11px',
textAlign: 'center'
}}
/>
</td>
<td>Codigo</td>
<td>Gestion</td>
<td>Opc</td>
</tr>
</thead>
<tbody>
{partidapresupuestarias.map((partidapresupuestaria) => (
<tr key={partidapresupuestaria.id}>
<td>
{partidapresupuestaria.nombre}
{partidapresupuestarias.filter(
(p) => p.codigo == partidapresupuestaria.codigo
).length != 1 ? (
<span
style={{
color: '#A70106',
fontSize: '9px',
textTransform: 'lowercase'
}}
>
{
partidapresupuestarias.filter(
(p) => p.codigo == partidapresupuestaria.codigo
).length
}{' '}
repeticiones
</span>
) : (
''
)}
</td>
<td>{partidapresupuestaria.codigo}</td>
<td>{partidapresupuestaria.tipo}</td>
<td>
<a
href="#"
onClick={() => onClickEdit(partidapresupuestaria.id)}
>
<i className="fa fa-edit"></i> Editar
</a>
<br></br>
<a
href={`${URL_BASE}/partidapresupuestaria/${partidapresupuestaria.id}`}
>
<i className="fa fa-eye"></i> Mas Info
</a>
<br></br>
<a
href="#"
onClick={() => onClickDelete(partidapresupuestaria.id)}
>
<i className="fa fa-close"></i>Eliminar
</a>
</td>
</tr>
))}
</tbody>
</table>
</div>
</div>
</div>
);
Todo funciona sin problema, pero la siguiente linea parece estar muy Ineficaz:
{partidapresupuestarias.filter(
(p) => p.codigo == partidapresupuestaria.codigo
).length != 1 ? (
<span
style={{
color: '#A70106',
fontSize: '9px',
textTransform: 'lowercase'
}}
>
{
partidapresupuestarias.filter(
(p) => p.codigo == partidapresupuestaria.codigo
).length
}
repeticiones
</span>
) : (
''
)}
Lo que hago es buscar todos los códigos que son iguales entre si, y si son mas de uno mostrar un span
con informacion de la cantidad que se repiten.
Dicha Linea ya esta dentro de un map
, y no sé como hacer que partidapresupuestarias.filter(p=> p.codigo==partidapresupuestaria.codigo).length
se asigne a una variable o algo asi para evitar hacerlo dos veces.