Hola amigos soy nuevo en la comunidad y estoy tratando de dar respuesta a algo que se me ha tornado complejo, ¿Cómo puedo crear un objeto que contenga dentro de si, uno o varios métodos?:
const columnas = {
uno: (item) => (
<td>item.nombre</td>
),
dos: (item) => (
<td>item.nombre</td>
),
tres: (item) => (
<td>item.nombre</td>
)
Claro cada uno de estos metodos y sus nombres debe cambiar automáticamente por decir un ejemplo tengo una tabla y tengo un objeto para poner el encabezado seria algo asi:
const header = [
{
nombre: 'Productos',
key: 'producto',
},
{
nombre: 'Tienda Uno',
key: 1,
},
{
nombre: 'Tienda Dos',
key: 2
},
{
nombre: 'Tienda Tres',
key: 3,
}]
Yo me lo imaginaba algo asi:
let arrayFunciones = []
Object.keys(header).forEach((key) => {
let value = header[key]
if (!isNaN(value.key)) {
const numeroCadena = value.key.toString()
const objeto = {
[numeroCadena]: (item) => <td>{item}</td>,
}
console.log(objeto)
arrayFunciones = [objeto, ...arrayFunciones]
}
})
Agradezco mucho su tiempo, y disculpen si no fui claro
item => (`<td>${item.nombre}</td>`)
.<td>item.nombre</td>
no es válida. Por otro lado, no entiendo exactamente que quieres hacer. ¿Por qué tener n funciones que hacen exactamente lo mismo en un objeto? ¡Don't repeat yourself!