Question

我正在努力应对我的本机应用程序的文件夹结构。我的应用程序是一个简单的表单应用程序，并且不使用redux。我的文件夹结构如下：

App.js
index.js
package.json

是的，我没有添加任何文件... 我在google上搜索，但发现只有redux的文件夹结构。我几乎用App.js编写了所有代码，但我认为它有点复杂。我想知道将逻辑从App.js移到哪里。

我的App.js就像这样：

some import codes here

export default class App extends Component{
  super()
  this.state={//init state}

  initState(){
    //initialize state
    //this is called when the submit button is pushed
  }

  onPress(){
    //this function is called when the submit button is pushed
  }

 render(){
   return(
     //a lot of inputs here like id, name, email, date, comment...
     //I think I can divide these inputs as components
   )
 }

 const styles = StyleSheet.create({
   //style sheets here
 })
}

我想知道

将“ onPress”或“ initState”或其他一些功能放在何处。
如何将简单的表单输入划分为组件
是否可以从App.js中删除样式表以及将样式表放置在何处

谢谢。

Answer 1

我曾经研究过多个具有不同文件夹结构（带有或不带有redux）的应用程序。但是我发现此文件夹结构非常有用。该结构在大型应用程序和小型应用程序中也有帮助。

Fractal －无穷规模的React应用结构

https://hackernoon.com/fractal-a-react-app-structure-for-infinite-scale-4dab943092af

不带Redux的React Native应用的文件夹结构

1 个答案: