javascript 在JSX中循环

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 在JSX中循环相关的知识,希望对你有一定的参考价值。

class Message extends React.Component {
    render() {
        const msgs = [
            {id: 1, text: "Greetings!"},
            {id: 2, text: "Goodbye!"},
        ];

        return (
            <ul>
                {msgs.map(m => <li>{m.text}</li>)}
            </ul>
        )
    }
}

以上是关于javascript 在JSX中循环的主要内容,如果未能解决你的问题,请参考以下文章

在 React JSX 中循环内循环

在 React JSX 中循环

如何使用 React.js 在 JSX 中循环对象

在Vue中使用JSX,很easy的

在 JSX 中调用 javascript 函数:为啥在没有 () 的情况下调用函数?

JSX 在纯 JavaScript 文件中工作,如何?