首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在react/JS中返回多个返回

如何在react/JS中返回多个返回
EN

Stack Overflow用户
提问于 2022-04-26 19:04:49
回答 2查看 1.3K关注 0票数 -2

我想知道如何能够从react/JS中的单个返回返回多个返回。我知道,从技术上讲,这是不对的,您确实应该将其放入返回对象中,但我正在寻找这样做的最佳语法。

我想返回我的div和我的状态在我的div之外的值。

这里的州是myselectedcatagory.另外,我还想输出我的h1值hello

我这样做的原因是,我想在后面的另一个JS文件中解构我的状态值。

代码语言:javascript
复制
     return (
        myselectedcatagory,
        (
<div>
            <h1> Hello</h2>
<div/>
          )}
EN

回答 2

Stack Overflow用户

发布于 2022-04-26 20:05:13

如果要返回组件的状态和元素,只需将组件转换为钩子即可。

代码语言:javascript
复制
function useMyHookThatReturnsAStateAndAnElement() {
  const myselectedcatagory = 'this is some state'
  const myElement = (
    <div>
      <h1>Hello</h2>
    <div/>
  )

  return [
    myselectedcatagory,
    myElement
  ]
}

function SomeComponent() {
  const [myselectedcatagory, myElement] = useMyHookThatReturnsAStateAndAnElement()

  return (
    <div>
      my state is: {myselectedcatagory}
      and
      my element is: {myElement}
    </div>
  )
}
票数 1
EN

Stack Overflow用户

发布于 2022-04-26 19:50:14

把它们包装成另一个元素。如果您不只是打印并且需要在更高级别的组件中使用它,请在较高级别组件中创建状态,并使用作为支柱传递的函数更新状态。

代码语言:javascript
复制
<>
  {myselectedcatagory}
  <div>
    <h1>Hello</h2>
  <div/>
</>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72019245

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档