gpt4 book ai didi

javascript - 销毁 react Prop 中的es6默认值

转载 作者:行者123 更新时间:2023-11-29 16:43:47 25 4
gpt4 key购买 nike

<ComponentB from="3/1/2016" to="12/1/2016" />

在 componentB 的构造函数中我可以做

const { from, to } = this.props但我的 from to value 是可选的。我做不到

this.state = { from, to }如果它们是或为空。有什么方法可以设置销毁的默认值?

我能做到if(from && to) {}但只是好奇在 React 中处理可选 Prop 的最佳方式是什么。

最佳答案

您可以使用以下两种方式中的任何一种:

1. 在解构期间为变量分配默认值,如下所示:

const { from = 'abc', to ='abc' } = this.props;

如果 this.props 不包含任何键,它将采用默认值“abc”。

2. 使用 defaultProps 将默认值分配给 props 变量,如下所示:

ComponentName.defaultProps = {
from: 'abc',
to: 'abc'
};

从父组件传递的所有 props 都将被分配这些默认值。

检查这个例子:

var obj = {a: 1, b: 2, c: 3};

var {a=5, b=5, d=5} = obj;

console.log(a, b, d);

关于javascript - 销毁 react Prop 中的es6默认值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43178615/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com