Fix TM_FILENAME_BASE in some React snippets

This commit is contained in:
Seong Yong-ju 2019-12-25 22:32:38 +09:00
parent a7226e7861
commit 52f2eb5a47
12 changed files with 29 additions and 33 deletions

View File

@ -7,7 +7,7 @@
import React from 'react' import React from 'react'
const ${1:${TM_FILENAME_BASE}} = () => { const ${1:`(yas-jsx-get-class-name-by-file-name)`} = (props) => {
return ( return (
<div> <div>
$0 $0
@ -15,4 +15,4 @@ const ${1:${TM_FILENAME_BASE}} = () => {
) )
} }
export default ${1:${TM_FILENAME_BASE}} export default $1

View File

@ -7,7 +7,7 @@
import React from 'react' import React from 'react'
const ${1:${TM_FILENAME_BASE}} = () => { const ${1:`(yas-jsx-get-class-name-by-file-name)`} = (props) => {
return ( return (
<div> <div>
$0 $0
@ -15,4 +15,4 @@ const ${1:${TM_FILENAME_BASE}} = () => {
) )
} }
export default ${1:${TM_FILENAME_BASE}} export default $1

View File

@ -8,7 +8,7 @@
import React from 'react' import React from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
const ${1:${TM_FILENAME_BASE}} = props => { const ${1:`(yas-jsx-get-class-name-by-file-name)`} = (props) => {
return ( return (
<div> <div>
$0 $0
@ -16,8 +16,8 @@ const ${1:${TM_FILENAME_BASE}} = props => {
) )
} }
${1:${TM_FILENAME_BASE}}.propTypes = { $1.propTypes = {
} }
export default ${1:${TM_FILENAME_BASE}} export default $1

View File

@ -7,7 +7,7 @@
import React, { Component } from 'react' import React, { Component } from 'react'
export default class ${1:${TM_FILENAME_BASE}} extends Component { export default class ${1:`(yas-jsx-get-class-name-by-file-name)`} extends Component {
render() { render() {
return ( return (
<div> <div>

View File

@ -8,7 +8,7 @@
import React, { Component } from 'react' import React, { Component } from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
export default class ${1:${TM_FILENAME_BASE}} extends Component { export default class ${1:`(yas-jsx-get-class-name-by-file-name)`} extends Component {
static propTypes = { static propTypes = {
${2:prop}: ${3:PropTypes} ${2:prop}: ${3:PropTypes}
} }

View File

@ -7,7 +7,7 @@
import React, { Component } from 'react' import React, { Component } from 'react'
export class ${1:${TM_FILENAME_BASE}} extends Component { export class ${1:`(yas-jsx-get-class-name-by-file-name)`} extends Component {
render() { render() {
return ( return (
<div> <div>
@ -17,4 +17,4 @@ export class ${1:${TM_FILENAME_BASE}} extends Component {
} }
} }
export default ${1:${TM_FILENAME_BASE}} export default $1

View File

@ -8,7 +8,7 @@
import React, { Component } from 'react' import React, { Component } from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
export class ${1:${TM_FILENAME_BASE}} extends Component { export class ${1:`(yas-jsx-get-class-name-by-file-name)`} extends Component {
static propTypes = { static propTypes = {
} }
@ -22,4 +22,4 @@ export class ${1:${TM_FILENAME_BASE}} extends Component {
} }
} }
export default ${1:${TM_FILENAME_BASE}} export default $1

View File

@ -7,10 +7,8 @@
import React, { memo } from 'react' import React, { memo } from 'react'
export default memo(function ${1:${TM_FILENAME_BASE}}() { export default memo((props) => (
return ( <div>
<div> $0
$0 </div>
</div> ))
)
})

View File

@ -8,16 +8,14 @@
import React, { memo } from 'react' import React, { memo } from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
const ${1:${TM_FILENAME_BASE}} = memo(function ${1:${TM_FILENAME_BASE}}(props) { const ${1:`(yas-jsx-get-class-name-by-file-name)`} = memo((props) => (
return ( <div>
<div> $0
$0 </div>
</div> ))
)
})
${1:${TM_FILENAME_BASE}}.propTypes = { $1.propTypes = {
} }
export default ${1:${TM_FILENAME_BASE}} export default $1

View File

@ -7,7 +7,7 @@
import React, { PureComponent } from 'react' import React, { PureComponent } from 'react'
export default class ${1:${TM_FILENAME_BASE}} extends PureComponent { export default class ${1:`(yas-jsx-get-class-name-by-file-name)`} extends PureComponent {
render() { render() {
return ( return (
<div> <div>

View File

@ -7,7 +7,7 @@
import React, { PureComponent } from 'react' import React, { PureComponent } from 'react'
export class ${1:${TM_FILENAME_BASE}} extends PureComponent { export class ${1:`(yas-jsx-get-class-name-by-file-name)`} extends PureComponent {
render() { render() {
return ( return (
<div> <div>
@ -17,4 +17,4 @@ export class ${1:${TM_FILENAME_BASE}} extends PureComponent {
} }
} }
export default ${1:$TM_FILENAME_BASE} export default $1

View File

@ -8,7 +8,7 @@
import React, { PureComponent } from 'react' import React, { PureComponent } from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
export default class ${1:${TM_FILENAME_BASE}} extends PureComponent { export default class ${1:`(yas-jsx-get-class-name-by-file-name)`} extends PureComponent {
static propTypes = { static propTypes = {
} }