功能道具是否需要'noop'[lodash]默认参数?

帕提亚猎枪

我想知道人们在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()
          }}
或Drori

这是以下代码的源代码_.noop()

function noop() {
  // No operation performed.
}

如您所见,它与相同() => {}

主要缺点_.noop()是需要导入它(另一行代码)。

除此之外,您应该在团队中使用该约定,如果没有,则使用-您更容易理解的约定。

根据个人喜好,我可以不导入,而选择() => {}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章