如何在App.js中从组件中运行函数
如何在App.js中从组件中运行函数
提问于 2021-07-06 15:26:16
对不起，我对react.js和Javascript非常陌生，所以这可能是一个非常简单的答案，但是为了上帝的爱。我找不到一个有效的答案。在我的App.js中，我有一个简单的方法来重新设置一些变量。
App.js
import React, { Component } from 'react';
import KeyPress from './components/KeyPress';
...
const initialState = {
text: GetText(),
userInput: '',
symbols: 0,
sec: 0,
started: false,
finished: false
}
const ThemeContext = React.createContext(initialState);
class App extends Component {
state = initialState;
restart = () => {
this.setState(initialState)
}
...在我的组件文件中，我有一个如下所示的结构。
KeyPress.js
import React, { Component } from 'react'
export class KeyPress extends Component {
render() {
return (
<div>
</div>
)
}
}
export default KeyPress文件结构
src
├── App.js
├── components
├── GetText.js
├── KeyPress.js如何从restart()调用App.js中的函数KeyPress.js (希望重新设置initialState中的所有值)
回答 3
Stack Overflow用户
发布于 2021-07-06 15:39:28
在应用程序类组件中，您将拥有：
restart = () => {
this.setState(initialState)
}
render() {
return(
<div>
<KeyPress resetMethod={this.restart} />
</div>
);
}然后在KeyPress.js中：
render() {
return <button onClick={this.props.resetMethod}>Reset</button>;
}Stack Overflow用户
发布于 2021-07-06 15:39:50
有一些可能的解决办法：
- 假设
KeyPress是从App内部呈现的，则将restart函数作为支柱传递，例如<KeyPress restart={restart} />。 - 使用上下文API手动创建全局状态。或使用像剩馀这样的库。
Stack Overflow用户
发布于 2021-07-06 15:32:34
尝试从app.js导出函数，导入它到comp，如果它没有工作，在根目录中创建一个文件，然后从那里创建和导出函数
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68278384
复制相关文章
![如何在Docker容器中运行Docker [3种方法]](https://ask.qcloudimg.com/http-save/yehe-1113434/2rkoovauym.png)
点击加载更多
相似问题
如何在安装组件之前等待App.js代码运行？
如何从函数组件获取值到类组件(App.js)？
将函数参数从App.js传递到React中的其他组件
从另一个组件调用App.js中的函数
反应:如何在App.js中从Stack.Screen组件中设置变量？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
