小编use*_*132的帖子

this.context.router.push不起作用

我正在使用react router 4.0版本.我想在按钮点击时从一个组件导航到另一个组件.我为此实现了反应路由.实现当我点击导航按钮后它给我的错误"遗漏的类型错误:this.context.router.push不是一个函数",并警告"失败上下文类型:无效的上下文router类型的object供给EmpLogin,预计function." 尝试了很多,但无法使它工作.下面是我的组件和路由实现.早些时候我正在使用react router 2.0和browserhistory.push工作.

export class EmpLogin extends React.Component {
  constructor(props) {
super(props);
this.state = {

};
}

loginID(e) {
this.setState({loginID: e.target.value});
}

 Password(e) {
this.setState({password: e.target.value});
}

 navigate(e){
    e.preventDefault();
    this.context.router.push('/EmpDetails');
  }

render() {
  return (
    <div>
    <div >
      <form>
        <input type="text" onChange={this.loginID.bind(this)} />
        <input type="password" onChange={this.Password.bind(this)} />  
        <div>
            {this.props.children}
            <button onClick={this.navigate.bind(this)}>feature</button>
        </div>
      </form>
    </div>
  </div>
);
 }
 }

  EmpLogin.contextTypes = {
  router: React.PropTypes.func.isRequired
 }

 export default EmpLogin;
Run Code Online (Sandbox Code Playgroud)

路由实施 - …

reactjs

9
推荐指数
2
解决办法
1万
查看次数

在独立组件react和redux之间传递数据

我很反应和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)

reactjs redux

3
推荐指数
1
解决办法
7343
查看次数

致命:GIT MAC mojave 身份验证失败

我无法从 GIT 克隆存储库。我可以完全访问 GIT(azure devops)。我可以从浏览器登录。但如果我尝试克隆存储库,我会遇到以下错误,

致命:“ https://dev.azure.com/test/_git/testproject/ ”的身份验证失败

有人可以帮忙吗?我正在尝试在 MAC 机器上克隆。

git macos

1
推荐指数
1
解决办法
2万
查看次数

标签 统计

reactjs ×2

git ×1

macos ×1

redux ×1