我想知道人们在React中使用可选的默认功能时的建议。
我已经看到我们的代码库混合使用()=> {}和lodash noop。
哪个更好?
这是关于适当的编码技术的普遍问题。
export default ({
name = '',
value = '',
label = name,
type = 'text',
noLabel = false,
placeholder = '',
required = false,
isInvalid = false,
showBar = true,
inputRef,
onChange = () => {},
onBlurCb, // <-- THE BIT IN QUESTION
...props
}) => (
<Component initialState={{ isFocused: false, hasValue: false }}>
{({ state, setState }) => (
<InputContainer
isFocused={state.isFocused}
isInvalid={isInvalid}
noLabel={noLabel}
{...props}
>
...
用作组件后面合成事件的回调
onBlur={() => {
setState({ isFocused: false })
onBlurCb()
}}
这是以下代码的源代码_.noop()
:
function noop() {
// No operation performed.
}
如您所见,它与相同() => {}
。
主要缺点_.noop()
是需要导入它(另一行代码)。
除此之外,您应该在团队中使用该约定,如果没有,则使用-您更容易理解的约定。
根据个人喜好,我可以不导入,而选择() => {}
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句