Default props in React

defaultProps.jsx

// Is there any difference? (In performance for example?)

// A: Using default values in object destructuring
const A = ({
  value = "",
  foo = "bar",
  ...props
}) => {};


// B: Using defaultProps attribute
const B = (props) => {};
B.defaultProps = {
  value: "",
  foo: "bar"
};


// Wrong! Doesn't work, because React always provides `props` argument. If there's no props, it's empty object.
const C = (props = {value: "", foo: "bar"}) => {};