如何在Idea Intellij 15中制作React组件结构？

Question

我是IntelliJ Idea的新手，和IntelliJ Idea 15一起工作。我正在开发一个反应项目。我想要一些可以通过在该文件夹中直接点击来生成反应组分的东西。例如

现在应该有进行新的阵营组件的选项。点击该按钮后，应该打开哪个应该询问我要添加到组件目录中的文件。例如该结构应该是：

例如

• 组件

  • Component.js

  • index.js

  • component.scss

  • test目录

    个
    • Component.test.js

这些应该根据需要的用户来配置。我不知道java和IntelliJ插件开发的任何内容。我该怎么做？

Answer 1

我不这么认为你需要这样的组件结构。 React组件非常简单。您只需创建一个JavaScript文件并像那样写。

import React, {Component} from 'react'; 
class YourComponent extends Component { 
    render() { 
     return(
      <h1>Hello React</h1> 
     ) 
    } 
} 

export default YourComponent; 

Answer 2

转到模板设置：

Windows和Linux：文件|设置|编辑|文件和代码模板
macOS：IntelliJ IDEA |首选项|编辑|文件和代码模板

点击加号按钮，添加一个新的模板：

名称：React Component
扩展：js

这个模板很适合我：

import React, { PropTypes, Component } from 'react'; 
class ${NAME} extends Component { 
    render() { 
    const { } = this.props; 
    return (
     <div> 

     </div> 
    ); 
    } 
} 

${NAME}.propTypes = { 

}; 

export default ${NAME}; 

您也可以PureComponent或添加一些默认道具，如果你喜欢。