1
2
3
4
5
6
7
8
9
10
|
import * as React from 'react';
class MyComponent extends React.Component<{}> {
button: ?HTMLButtonElement;
render() {
return <button ref={button => (this.button = button)}>Toggle</button>;
}
}
|
{"value":"import * as React from 'react';\n\nclass MyComponent extends React.Component<{}> {\n // The `?` here is important because you may not always have the instance.\n button: ?HTMLButtonElement;\n\n render() {\n return <button ref={button => (this.button = button)}>Toggle</button>;\n }\n}\n","tokens":[{"type":"T_IMPORT","context":"normal","value":"import","line":1,"start":0,"end":6},{"type":"T_MULT","context":"normal","value":"*","line":1,"start":7,"end":8},{"type":"T_IDENTIFIER","context":"normal","value":"as","line":1,"start":9,"end":11},{"type":"T_IDENTIFIER","context":"normal","value":"React","line":1,"start":12,"end":17},{"type":"T_IDENTIFIER","context":"normal","value":"from","line":1,"start":18,"end":22},{"type":"T_STRING","context":"normal","value":"'react'","line":1,"start":23,"end":30},{"type":"T_SEMICOLON","context":"normal","value":";","line":1,"start":30,"end":31},{"type":"T_CLASS","context":"normal","value":"class","line":3,"start":33,"end":38},{"type":"T_IDENTIFIER","context":"normal","value":"MyComponent","line":3,"start":39,"end":50},{"type":"T_EXTENDS","context":"normal","value":"extends","line":3,"start":51,"end":58},{"type":"T_IDENTIFIER","context":"normal","value":"React","line":3,"start":59,"end":64},{"type":"T_PERIOD","context":"normal","value":".","line":3,"start":64,"end":65},{"type":"T_IDENTIFIER","context":"normal","value":"Component","line":3,"start":65,"end":74},{"type":"T_LESS_THAN","context":"type","value":"<","line":3,"start":74,"end":75},{"type":"T_LCURLY","context":"type","value":"{","line":3,"start":75,"end":76},{"type":"T_RCURLY","context":"type","value":"}","line":3,"start":76,"end":77},{"type":"T_GREATER_THAN","context":"type","value":">","line":3,"start":77,"end":78},{"type":"T_LCURLY","context":"normal","value":"{","line":3,"start":79,"end":80},{"type":"Line","context":"comment","value":"// The `?` here is important because you may not always have the instance.","line":4,"start":83,"end":157},{"type":"T_IDENTIFIER","context":"normal","value":"button","line":5,"start":160,"end":166},{"type":"T_COLON","context":"type","value":":","line":5,"start":166,"end":167},{"type":"T_PLING","context":"type","value":"?","line":5,"start":168,"end":169},{"type":"T_IDENTIFIER","context":"type","value":"HTMLButtonElement","line":5,"start":169,"end":186},{"type":"T_SEMICOLON","context":"normal","value":";","line":5,"start":186,"end":187},{"type":"T_IDENTIFIER","context":"normal","value":"render","line":7,"start":191,"end":197},{"type":"T_LPAREN","context":"normal","value":"(","line":7,"start":197,"end":198},{"type":"T_RPAREN","context":"normal","value":")","line":7,"start":198,"end":199},{"type":"T_LCURLY","context":"normal","value":"{","line":7,"start":200,"end":201},{"type":"T_RETURN","context":"normal","value":"return","line":8,"start":206,"end":212},{"type":"T_LESS_THAN","context":"jsxTag","value":"<","line":8,"start":213,"end":214},{"type":"T_JSX_IDENTIFIER","context":"jsxTag","value":"button","line":8,"start":214,"end":220},{"type":"T_JSX_IDENTIFIER","context":"jsxTag","value":"ref","line":8,"start":221,"end":224},{"type":"T_ASSIGN","context":"jsxTag","value":"=","line":8,"start":224,"end":225},{"type":"T_LCURLY","context":"normal","value":"{","line":8,"start":225,"end":226},{"type":"T_IDENTIFIER","context":"normal","value":"button","line":8,"start":226,"end":232},{"type":"T_ARROW","context":"normal","value":"=>","line":8,"start":233,"end":235},{"type":"T_LPAREN","context":"normal","value":"(","line":8,"start":236,"end":237},{"type":"T_THIS","context":"normal","value":"this","line":8,"start":237,"end":241},{"type":"T_PERIOD","context":"normal","value":".","line":8,"start":241,"end":242},{"type":"T_IDENTIFIER","context":"normal","value":"button","line":8,"start":242,"end":248},{"type":"T_ASSIGN","context":"normal","value":"=","line":8,"start":249,"end":250},{"type":"T_IDENTIFIER","context":"normal","value":"button","line":8,"start":251,"end":257},{"type":"T_RPAREN","context":"normal","value":")","line":8,"start":257,"end":258},{"type":"T_RCURLY","context":"normal","value":"}","line":8,"start":258,"end":259},{"type":"T_GREATER_THAN","context":"jsxTag","value":">","line":8,"start":259,"end":260},{"type":"T_JSX_TEXT","context":"jsxChild","value":"Toggle","line":8,"start":260,"end":266},{"type":"T_LESS_THAN","context":"jsxTag","value":"<","line":8,"start":266,"end":267},{"type":"T_DIV","context":"jsxTag","value":"/","line":8,"start":267,"end":268},{"type":"T_JSX_IDENTIFIER","context":"jsxTag","value":"button","line":8,"start":268,"end":274},{"type":"T_GREATER_THAN","context":"jsxTag","value":">","line":8,"start":274,"end":275},{"type":"T_SEMICOLON","context":"normal","value":";","line":8,"start":275,"end":276},{"type":"T_RCURLY","context":"normal","value":"}","line":9,"start":279,"end":280},{"type":"T_RCURLY","context":"normal","value":"}","line":10,"start":281,"end":282}],"errors":[]}