我想知道如何能够从react/JS中的单个返回返回多个返回。我知道,从技术上讲,这是不对的,您确实应该将其放入返回对象中,但我正在寻找这样做的最佳语法。
我想返回我的div和我的状态在我的div之外的值。
这里的州是myselectedcatagory.另外,我还想输出我的h1值hello。
我这样做的原因是,我想在后面的另一个JS文件中解构我的状态值。
return (
myselectedcatagory,
(
<div>
<h1> Hello</h2>
<div/>
)}发布于 2022-04-26 20:05:13
如果要返回组件的状态和元素,只需将组件转换为钩子即可。
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>
)
}发布于 2022-04-26 19:50:14
把它们包装成另一个元素。如果您不只是打印并且需要在更高级别的组件中使用它,请在较高级别组件中创建状态,并使用作为支柱传递的函数更新状态。
<>
{myselectedcatagory}
<div>
<h1>Hello</h2>
<div/>
</>https://stackoverflow.com/questions/72019245
复制相似问题