Javascript 什么'；使用CRUD页面构建React应用程序的更好方法是什么？
如果标题没有意义，我很抱歉，但对于CRUD页面，我指的是像Javascript 什么'；使用CRUD页面构建React应用程序的更好方法是什么？,javascript,reactjs,react-router,Javascript,Reactjs,React Router,如果标题没有意义，我很抱歉，但对于CRUD页面，我指的是像/posts这样的页面来显示所有帖子，/posts/create来显示表单来创建帖子，/posts/：id/edit来显示所述表单，但要更新数据 目前，我的结构如下： Post --index.js --form.js --edit.js --create.js --list.js hoc --PostHOC.js Post/index.js import PostList from './list'; class Post ext
/posts/posts/create/posts/：id/editPost
--index.js
--form.js
--edit.js
--create.js
--list.js
hoc
--PostHOC.js
import PostList from './list';
class Post extends Component {
render() {
<PostList posts={this.props.posts} /> // extracted from Redux
}
}
从“/list”导入PostList；
类Post扩展组件{
render（）{
//从Redux中提取
}
}
const List = ({ posts }) => {
const postList = posts.map(post => (
<div>
{ post.title }
</div>
));
return (
<div>{ postList }</div>
);
}
const List=（{posts}）=>{
const postList=posts.map（post=>(
{post.title}
));
返回(
{postList}
);
}
const Form = props => {
return (
<SomeImportedForm>
<Input defaultValue={this.props.title} /> // extracted from HOC
</SomeImportedForm>
);
}
export default PostHOC(Form);
const Form=props=>{
返回(
//摘自HOC
);
}
导出默认PostHOC（表单）；
Post/edit.jsPost/create.jsform.js我在谷歌上搜索了用React构建CRUD页面的好方法，但遗憾的是，我找不到任何方法。所以我选择在这里提问。关于如何改进这一点，有什么建议吗？此外，为了简洁起见，我还遗漏了一些代码，但我相信这足以让每个人都理解我的意图。
React- 按功能或路线分组-[构建项目的一种常见方法是在按功能或路线分组的文件夹中查找CSS、JS等。]
- 按文件类型分组-[另一种构建项目的流行方法是将相似的文件分组在一起]
- 根据组件在应用程序中的角色，将其分到不同的文件夹中-[这是我通常采用的方法，我认为这是最好的方法，因为随着项目（希望）的发展，您将对主要组件和功能所在的位置以及所有内容如何组合有更大的了解。]
意思是，关注代码。祝您学习
React功能