我總是使用 else 陳述句。以及來自 Data.js 檔案的資料。有什么我可能忽略的嗎？
import data from './Data'
function List(props){
const filteredData = data.filter((el) => {
if (props.input === '') {
return el
} else {
return el.text.tiLowerCase().includes(props.input)
}
})
uj5u.com熱心網友回復：
這正是規則所要求的。
不允許在 else 之前回傳。
如果 if 塊包含 return 陳述句，則 else 塊變得不必要。它的內容可以放在塊之外。
如果您認為此規則值得遵循，請改用（拼寫正確）
const filteredData = data.filter((el) => {
if (props.input === '') {
return el
}
return el.text.toLowerCase().includes(props.input)
})
甚至更好
const filteredData = data.filter((el) => {
return props.input === ''
? el
: el.text.toLowerCase().includes(props.input)
})
如果el將永遠是真實的，那么回傳會更有意義true。
const filteredData = data.filter((el) => {
return props.input === ''
? true
: el.text.toLowerCase().includes(props.input)
})
這允許簡化為
const filteredData = data.filter((el) => {
return props.input === '' || !el.text.toLowerCase().includes(props.input)
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/482628.html
標籤：javascript 反应 if 语句 ecmascript-6 埃斯林特