我有以下示例：
<h1>{errors.email?.message || ' '}</h1>
這意味著：如果有錯誤訊息，則顯示它，否則顯示正常空間。
我面臨的問題是，如果它可用，react 會顯示錯誤，否則它不會顯示任何內容，換句話說，空格字串總是被忽略并且永遠不會顯示。
為什么會發生這種情況，如何顯示僅包含空格的字串
uj5u.com熱心網友回復：
您將能夠使用該white-space屬性僅顯示空格：
function App() {
return <h1 style={{ whiteSpace: "pre-wrap" }}>{" "}</h1>;
}
ReactDOM.render(<App />, document.getElementById("root"));h1 { /* so we can see the h1 */
background-color: red;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<div id="root"></div>uj5u.com熱心網友回復：
對于反應中的三元組，請使用 : 而不是 ||。這樣，如果錯誤訊息中沒有任何內容，它將使用空字串。檢查這個簡單的堆疊，了解它是如何基于狀態物件顯示或不顯示的。
編輯：對于可選鏈接，您的邏輯應該可以正常作業。不過，我們可能需要更多資料。在這里，您可以看到第一個空格上顯示了空白。第二個不包括空格。
什么errors.email?.message列印到控制臺？
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/522590.html
標籤：反应空白