reactjs 在React中从函数传递数组的正确语法是什么？

mbzjlibv 于 2023-06-05 发布在 React

关注(0)|答案(1)|浏览(219)

我是React的新手，我正在努力将字符串数组从一个组件传递到另一个组件。
我一直试图理解this来帮助我，但我在将逻辑应用于我的具体情况时遇到了麻烦。有关更多内容，请参阅下文：
基本上，我有这个：

export default function TitleData(){
  return (
     ["My Title Test"]
    );
}

我试图将TitleData函数返回的数组传递给此函数。

import './App.css'
import AntButton from './hover-click-button'
import TitleData from './web-data/title-data'

export default function App() {
  return (
    <main>
     <AntButton title={TitleData[0]} />
    </main>
  )
}

我试图将TitleData中索引0处的值作为props传递给AntButton，但没有收到任何结果。AntButton应该生成一个带标题的按钮。
下面是我得到的错误：

reactjs

来源：https://stackoverflow.com/questions/76394166/what-is-the-correct-syntax-for-passing-an-array-from-a-function-in-react

1条答案

按热度按时间

oalqel3c1#

要将数组作为prop传递给React中的组件，您可以将数组括在花括号中。在本例中，您可以将数组从TitleData组件传递到App组件，如下所示：

import './App.css'
import AntButton from './hover-click-button'
import TitleData from './web-data/title-data'

export default function App() {
return (
<main>
<AntButton title={TitleData()[0]} />
</main>
)
}

在这里，我们调用TitleData函数，并将返回数组的第一个元素作为prop传递给AntButton组件。
我希望这对你有帮助！

赞(0）回复(0）举报 2023-06-05

我来回答

reactjs 在React中从函数传递数组的正确语法是什么？

1条答案

相关问题

热门标签

最新问答