Reactjs 前端是否有猫鼬式的库？

我不是说前端会直接联系db。我只希望有一个工具可以将高级db操作转换为低级http命令。然后应用服务器可以相应地处理数据库服务器

import React from 'react'
import X from 'X'
class Demo extends React.Component{
    constructor(){
        super();
        this.state={result:null}
        let schema=new X.Schema({title:String});
        this.model=X.model('blob',schema)
    }
    handleClick=()=>{
        this.model.create({titile:this.input.value}).then(()=>{
            this.setState({result:"new blog stored in the remote db successfully"})
        })
    }
    render(){
        return <div>
            <input ref=(input)=>{this.input=input} />
            <button onClick={this.handleClick}>submit</button>
            <div>{this.state.result}</div>
        </div>
    }
}

从“React”导入React
从“X”导入X
类Demo扩展了React.Component{
构造函数（）{
超级（）；
this.state={result:null}
设schema=new X.schema（{title:String}）；
this.model=X.model（'blob'，schema）
}
handleClick=（）=>{
this.model.create（{titile:this.input.value}）。然后（（）=>{
this.setState（{result:“新博客成功存储在远程数据库中”}）
})
}
render（）{
回来
{this.input=input}/>
提交
{this.state.result}
}
}

我不确定这样的东西是否存在，即使它不存在，我也会认为它会对网站造成巨大的安全威胁

但是，有一些很好的工具可以从react到后端创建类似于模式的查询。 除了使用，当然还有其他工具和服务，但我发现这些是最流行的工具和服务，你会在网上找到很多关于如何与react一起使用它们的教程（例如和）