我在这里找到了同样的问题,但我没有找到合适的答案.
我正在使用CRUD操作开发一个简单的应用程序.在编辑页面上,在组件被挂载(componentDidMount()
)之后,应用程序将调度操作以检索特定的帖子详细信息:
dispatch({ type: FETCH_POST, id: 'post-id' })
Run Code Online (Sandbox Code Playgroud)
我正在使用redux-saga并希望上面的调用返回一个Promise,以便我可以访问API响应.
现在,没有回调/承诺,我最终在商店中定义了一个新状态(比如post_edited
)并将其连接/映射到组件中的道具以进行编辑页面.
处理这种情况的最佳方法是什么?
我正在开发一个React
用于前端和Django
后端的 Web 应用程序。我Webpack
用来监视 React 应用程序的更改和捆绑代码。
问题是我必须同时运行两个命令,一个用于 React,另一个用于 Django:
webpack --config webpack.config.js --watch
./manage.py runserver
Run Code Online (Sandbox Code Playgroud)
有没有办法自定义runserver
命令来执行 npm 脚本,比如npm run start:dev
?当您使用 Node.js 作为后端平台时,您可以执行类似npm run build:client && npm run start:server
.
我很反应和redux.I我试图将数据从一个组件传递到另一个组件.但它没有父子关系,它彼此独立.任何人都可以帮我这样做吗?下面是我的代码.
export class EmpSearch extends React.Component {
constructor(props) {
super(props);
this.state = {
Empnumber: ''
};
}
updateEmpNumber(e) {
this.setState({Empnumber: e.target.value});
}
render() {
return (
<div className="row">
<form>
<div className="form-group">
<label htmlFor="Empnumber">Emp Number</label>
<input type="text" className="form-control" id="Empnumber" placeholder="Emp Number" value={this.state.Empnumber} onChange={this.updateEmpNumber.bind(this)}/>
</div>
</form>
</div>
);
}
}
function mapStateToProps(state){
return{
Empnumber: state.Empnumber
};
}
export default connect(mapStateToProps)(EmpSearch);
Run Code Online (Sandbox Code Playgroud)
另一个文件是我想发送EmpNumber的地方,
class EmpDetail extends React.Component {
render() {
return (
<div className="container">
<input type="text"/>
</div>
);
}
}
export default EmpDetail;
Run Code Online (Sandbox Code Playgroud)