要从子组件(LoginApp
)运行父组件名为fakeAuth.authenticate
的(App.js
)函数,可以通过以下步骤实现:
LoginApp
组件中,通过props将fakeAuth.authenticate
函数传递给子组件。在父组件(App.js
)中,将fakeAuth.authenticate
函数作为props传递给LoginApp
组件。// App.js
import React from 'react';
import LoginApp from './LoginApp';
class App extends React.Component {
fakeAuth = {
authenticate: () => {
// 在这里编写需要执行的代码
}
};
render() {
return (
<div>
<LoginApp authenticate={this.fakeAuth.authenticate} />
</div>
);
}
}
export default App;
LoginApp
组件中,通过props接收fakeAuth.authenticate
函数,并在需要的地方调用它。// LoginApp.js
import React from 'react';
class LoginApp extends React.Component {
handleLogin = () => {
// 在需要的地方调用父组件传递的函数
this.props.authenticate();
};
render() {
return (
<div>
<button onClick={this.handleLogin}>登录</button>
</div>
);
}
}
export default LoginApp;
通过以上步骤,你可以在LoginApp
组件中通过调用this.props.authenticate()
来运行父组件(App.js
)中的fakeAuth.authenticate
函数。
领取专属 10元无门槛券
手把手带您无忧上云