Question

在我的react应用程序中，我有这样的东西：

export const MyView(props: { var1: boolean, var2: string}) => { /* do things here */ }

class MyClass extends React.Component<MyProps, {}> {
    render() {
        // ...
        <MyView var1={ true } var2={ "test" }/>
    }
}

运行正常。现在，我每次使用MyView时都不需要var1参数。有没有一种方法可以在MyView中为var1定义一个默认值，这样我就不必每次都设置该值？

预先感谢

Answer 1

您可以使用像这样的可选参数（如果您不传递任何参数，它将使用默认值）

export const MyView(props: { var1: boolean, var2: string} = {var1:"default_value", var2: null}) => { /* do things here */ }

class MyClass extends React.Component<MyProps, {}> {
    render() {
        // ...
        <MyView var1={ true } var2={ "test" }/>
    }
}

Answer 2

您可以将?用作可选参数，它将被视为可选参数。

export const MyView = (props: { var1?: boolean, var2: string }) => {

  return (
    <div>
      <div>var1:{props.var1}</div>
      <div>var2:{props.var2}</div>
    </div>
  )
}

注意：添加此代码后，您将必须检查var1是否已定义，否则请以其他方式使用它会出现错误。

您可以观看演示here

固有属性的默认值

2 个答案: