Question

我是React-Native的新手。假设我在App.js中定义了变量，并且我将Green.js用作按钮的类组件。如何从Green.js获得对someBool的访问？关键是要使用状态来更改颜色，但是状态必须根据我必须在App.js中定义的条件进行更改

App.js：

{
    "compilerOptions": {
        "target": "es5",
        "module": "es2015",
        "moduleResolution": "node",
        "sourceMap": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "removeComments": false,
        "noImplicitAny": false,
        "skipLibCheck": true,
        "suppressImplicitAnyIndexErrors": true,
        "outDir": "target/www/app",
        "lib": [
            "es2018",
            "dom"
        ],
        "typeRoots": [
            "node_modules/@types"
        ],
        "baseUrl": "./",
        "paths": {
            "@angular/*": [
                "../node_modules/@angular/*"
            ]
        }
    },
    "include": [
        "src/main/webapp/app",
        "src/test/javascript/"
    ]
}

Green.js：

import Green from './components/Green.js'
export default class App extends Component{
    render(){
      let someBool; ....

请帮助我，谢谢！

Answer 1

您应该将其传递给Green组件。在调用了<Green />的App组件中返回render方法，添加了一个<Green someBool={someBool} />之类的道具。在绿色组件中，您可以通过this.props.someBool对其进行访问。

从类组件访问App.js中定义的变量

1 个答案: