我是 React 的絕對初學者，我有一個組件，我需要將狀態的值呈現給 Dom，但它不起作用讓我向您展示我的代碼。
鏈接.jsx
import React, { useEffect, useState } from 'react'
import { Collapse } from 'antd'
const Links = () => {
const [isMobile, setIsMobile] = useState(false)
return (
<div>
<div>asd2</div>
<div>{ isMobile }</div>
<div>asd5</div>
</div>
)
}
export default Links
我正在使用它
頁腳.jsx
import Links from './links'
const Footer = ({
globalData,
user
}) => {
return(
<Links/>
)
}
它確實呈現文本asd2和asd5 ，這意味著組件本身的作業原理不是狀態值。我到處都看過這是每個人都這樣做的。我做錯了什么？
uj5u.com熱心網友回復：
您需要將isMobile其轉換為字串。false、null 和 undefined 這些值不會被渲染。
uj5u.com熱心網友回復：
您不能呈現布林值。像這樣使用它：
{ isMobile.toString() }
uj5u.com熱心網友回復：
反而
<div>{ isMobile }</div>
試試這個
<div>{ isMobile.toString()}</div>
或這個
<div>{ isMobile ? "true" : "false"}</div>
即使這樣：
<div>{`${isMobile}`}</div>
boolean無法在 JSX 中呈現型別。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/472963.html
標籤：javascript 反应
上一篇：Hadoop組成