更多

Question

在tutorial我看到了这个

import React, { Component, PropTypes } from 'react'

class PureInput extends Component {
  shouldComponentUpdate(nextProps) {
    return this.props.field !== nextProps.field
  }

  render() {
    const { field, ...rest } = this.props
    return <input {...field} {...rest}/>
  }
}

PureInput.propTypes = {
  field: PropTypes.object.isRequired
}

export default PureInput

我在我的项目中尝试过像这样的

import * as React from 'react'

interface Props {
  field: any
}

export class PureInput extends React.Component<Props, void> {
  shouldComponentUpdate(nextProps) {
    return this.props.field !== nextProps.field
  }

  render() {
    const { field, ...rest } = this.props
    return (<input {...field} {...rest} />)
  }
}

它警告错误...休息所以我应该怎么做？，不确定我应该通过添加像[rest：string]这样的代码来使Props接口变为字典：任何进入或不进入，我试过它不起作用

Answer 1

const { field, ...rest } = this.props

这还不支持。

我如何得到{... rest}就像这个redux表单在Typescript中的Deep表格教程

1 个答案:

更多