Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit d7736d6

Browse files
Merge pull request epilande#14 from chadoh/better-tabstops
class & functional components: Improved tabstops
2 parents e9b33b3 + 6436c0e commit d7736d6

File tree

1 file changed

+19
-11
lines changed

1 file changed

+19
-11
lines changed

‎UltiSnips/javascript.snippets

Lines changed: 19 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -39,8 +39,8 @@ import styles from './${2:1ドル}.css';
3939

4040
class ${1:`!v expand('%:t:r')`} extends Component {
4141
static propTypes = {
42-
children: PropTypes.node,
43-
className: PropTypes.string,
42+
${2:children: PropTypes.node,
43+
className: PropTypes.string,}
4444
};
4545

4646
constructor(props) {
@@ -49,9 +49,9 @@ class ${1:`!v expand('%:t:r')`} extends Component {
4949

5050
render() {
5151
return (
52-
<div className={styles.base}>
53-
$3
54-
</div>
52+
<${3:div} className={styles.base}>
53+
$0
54+
</3ドル>
5555
);
5656
}
5757
}
@@ -64,17 +64,25 @@ import React from 'react';
6464
import PropTypes from 'prop-types';
6565
import styles from './${2:1ドル}.css';
6666

67-
function ${1:`!v expand('%:t:r')`}(${3:{...props}}) {
67+
function ${1:`!v expand('%:t:r')`}({ 3ドル}) {
6868
return (
69-
<div className={styles.base}>
70-
$4
71-
</div>
69+
<${5:div} className={styles.base}>
70+
$0
71+
</5ドル>
7272
);
7373
}
7474

75-
1ドル.defaultProps = {};
75+
1ドル.defaultProps = {4ドル};
76+
77+
1ドル.propTypes = {`!p
78+
props = t[3]
7679
77-
1ドル.propTypes = {};
80+
if props:
81+
snip >> 1
82+
for prop in props.split(', '):
83+
snip += prop + ': PropTypes.any,'
84+
`
85+
};
7886

7987
export default 1ドル;
8088
endsnippet

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /