Wie kann ich {...} Rest wie diese tiefen Form Tutorial der redux Form in Typoskript

Question

Im tutorial Ich sehe die

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 

ich als Typoskript wie dies in meinem Projekt versuche, habe

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} />) 
    } 
} 

Und es warnt ein Fehler auf ... Rest so was soll ich tun?, Nicht sicher, ob ich die Requisiten-Schnittstelle zum Wörterbuch durch Code wie [rest: string] machen sollte: any oder nicht, ich habe es versucht und es ist keine Arbeit

Answer 1

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

Dies ist noch keine Unterstützung.

Mehr

https://github.com/Microsoft/TypeScript/issues/2103

Folgen für Updates entlang