0

チュートリアルで私はこれを見ます

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

私はこのように私のプロジェクトでTypescriptとして試しました

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でエラーを警告するので、どうすればいいですか? [rest:string]:any のようなコードを追加して辞書への Props インターフェイスを作成する必要があるかどうかはわかりません。うまくいかない

4

1 に答える 1