Javascript 如何在另一个组件中使用react类属性
我在react组件中有一个属性(Createjob.js):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组件的子组件内,则可以通过
类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>
....
}