Почему функция в объекте может иметь значение "undefined"?

Question

[Denis Izmailov]

interface MyObj {
        field?: string;
        render?: (text: string) => React.ReactElement;
    }

    const col: MyObj[] = [
        {
            field: 'name',
        },
        {
            field: 'age',
        },
        {
            field: 'edit',
            render: (text) => {
                return (
                    <a>{text}</a>
                )
            },
        }
    ]

{ col.map((coll) => (
                {coll.render('qewqr')}
            ))}

Ошибка: Ожидалось ",".
(property) coll: {
field: string;
render?: undefined;
} | {
field: string;
render: (text: any) => React.JSX.Element;
}

Comments

[Модератор]

Не надо ставить как можно больше тэгов. Лучше оставить один, но конкретный, с которым проблема.
См.п.3.1 Регламента.

[Denis Izmailov]

Модератор, Понял

[szQocks]

Denis Izmailov,

{ col.map((coll) => (
                {coll.render('qewqr')}
            ))}

а почему ты тут возвращаешь объект, внутри которого идёт вызов функции ? + которая возвращает вообще jsx

может так хотел ?
{ col.map((coll) => coll.render('qewqr'))}

[Denis Izmailov]

szQocks,
Да. Я понял и исправил уже. Напиши как ответ на вопрос, я отмечу решением.

Answer 1

[szQocks]

а почему ты тут возвращаешь объект, внутри которого идёт вызов функции ? + которая возвращает вообще jsx

{ col.map((coll) => (
                {coll.render('qewqr')}
            ))}

может так хотел ?
{ col.map((coll) => coll.render('qewqr'))}