Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在另一个组件中使用react类属性_Javascript_Reactjs_Properties_Jsx - Fatal编程技术网

Javascript 如何在另一个组件中使用react类属性

Javascript 如何在另一个组件中使用react类属性,javascript,reactjs,properties,jsx,Javascript,Reactjs,Properties,Jsx,我在react组件中有一个属性(Createjob.js): 类Createjob扩展组件{ ..... handleClick=clickType=>{ const{currentStep}=this.state 让newStep=currentStep 单击类型===“下一步”?新闻步骤++:新闻步骤-- 如果(新闻步骤>0&&newStepاداه) .... } 如何实现这一点?将把手点击功能作为道具传递给另一个组件: 作为: 如果按钮位于Createjob组件的子组件内,则可以通过

我在react组件中有一个属性(Createjob.js):

类Createjob扩展组件{
.....
handleClick=clickType=>{
const{currentStep}=this.state
让newStep=currentStep
单击类型===“下一步”?新闻步骤++:新闻步骤--
如果(新闻步骤>0&&newStepاداه)
....
}

如何实现这一点?

将把手点击功能作为道具传递给另一个组件: 作为:


如果按钮位于Createjob组件的子组件内,则可以通过将handleClick函数作为道具传递给子组件来实现这一点

constcreatejob=()=>{
....
const handleClick=clickType=>{
const{currentStep}=this.state
让newStep=currentStep
单击类型===“下一步”?新闻步骤++:新闻步骤--

如果(newStep>0&&newStep onClick('next')}className='next'>ادامه
这些组件之间有什么关系?请提供更多上下文。@jornsharpe我只是想将CreateJob类(从CreateJob.js)导入我的按钮组件(button.js)就像我上面的例子一样使用它,但我不确定它是否正确这绝对不是,不。你可能需要将状态提升到共享的父级,或者像Redux这样的状态容器。在
Createjob
MainInfo
组件之间有什么关系吗?我编辑了我的问题,你现在可以看一下吗?
class Createjob extends Component {
.....
  handleClick = clickType => {
    const {currentStep} = this.state
    let newStep = currentStep
    clickType === 'next' ? newStep++ : newStep--
    if (newStep > 0 && newStep <= 6) {
      this.setState({
        currentStep: newStep
      });
    }
  }
}
export default createjob
export class MainInfo extends Component {
<button type='submit' onClick={() => this.Createjob.handleClick('next')} className='next'>ادامه</button>
....
}