当尝试从this.props赋值时，const{}内的赋值不起作用
render() {
const { type, id = this.id, className,
value = this.state.value, required, ...otherProps } = this.props;
return (
<input
id={id}
name={id}
className={className}
required={required}
aria-required={required}
type={type}
value={value}
onChange={this.handleChange}
{...otherProps}
/>
);
}我试图将'id‘和'value’分别赋值给'this.id‘和'this.state.value’，但是这些值没有被赋值，而是从从this.props传递的值中得到赋值。
在用例中，componentWillMount()和handleChange()函数使用'pros.id‘和'props.value’来计算一些新的值，这些值将分配给'this.id‘和’the .state.value‘。因此，在上面的代码中，我需要从'this.id‘和'this.state.vale’分别获取'id‘和'value’。
回答 3
Stack Overflow用户
发布于 2017-05-11 23:17:47
析构中的=是指为非结构化对象中的键指定默认值(如果没有为其提供值)。例如：
const { key1 = 1, key2 = 2 } = { key1: 0 };
console.log(key1); // 0
console.log(key2); // 2在这种情况下，可以分别对每个对象进行构造以初始化变量：
const { type, className, required, ...otherProps } = this.props;
const { id } = this;
const { value } = this.state;如果要从id中省略value和value，可以使用另一个名称对其进行重构。例如，我将它分配给名为_id和_value的变量。
const {
type, className, required,
id: _id, value: _value, // eslint-disable-line no-unused-vars
...otherProps
} = this.props;
const { id } = this;
const { value } = this.state;Stack Overflow用户
发布于 2017-05-11 23:15:38
您正在将this.props分解为变量，而您所使用的语法只在不存在this.id时才会将this.props.id分配给id。在析构中使用=是为了提供一个默认值，当该值不存在于析构对象中时(因此在本例中，this.id只在不存在this.props.id时才分配给id )。
您应该从对象析构调用中删除id。如果您想提供一个备用选项来使用道具中的id，那么您可以这样做：
const id = this.id || this.props.id;Stack Overflow用户
发布于 2017-05-11 23:21:28
你好像在找
const {type, id: this.id, className, value: this.state.value, required, ...otherProps} = this.props;
// ^ ^:分隔属性名称和赋值目标，=用于默认初始化符。您的语法确实从this.id获取了值，并在this.props中没有id属性时将其分配给了this.props变量。
https://stackoverflow.com/questions/43931500
复制
相似问题
Livewire -检测到多个根元素
Livewire:检测到多个根元素。这是不支持的。
Laravel Livewire超时
多个设备(实例)之间的Laravel livewire同步
检测到空的XML根元素
领取专属 10元无门槛券
AI混元助手 在线答疑
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
