小编dev*_*nya的帖子

嗨,我开始学习reactjs.因此,在了解了基础知识后,我开始使用reactjs来处理数据库连接.在代码中我试图获取userId和Password来建立数据库连接并尝试列出数据库中可用的表.在Login.js中,我在单击登录按钮时创建了一个表单(userId和Password)我将建立连接并执行Show Table查询以列出数据库中的所有表,然后移动到Table.js我尝试列出可用表的页面表.现在我能够连接到数据库但不能显示表中的表Table.js,所以如何在Table.js文件中显示表列表,因为我已将我的数据库连接和查询放在Login中的按钮事件中. JS.还有可能声明一个变量全局并跨另一个js文件访问它.任何帮助都会很棒,谢谢.

Login.js

import React from 'react';
import TableContent from './tables';
class Login extends React.Component{
    constructor(){
        super();
        this.state={
            showComponent : false,
        };
        // this.buttonClick = this.buttonClick.bind(this);
    }

    buttonClick(event){
        event.preventDefault();
        this.setState({
            showComponent: true,
        })

        var db = require('@dataBase/dynamoConnect')({
            "UserId": "XXXXXXXXXXXXXXXXXXXXXXXX",
            "Password": "YYYYYYYYYYYYYYY",
            "region": "ZZZZZZZZZZ"
        });
        db.query("SHOW TABLES",(err,data)=>{
        const tableList = data;
        console.log(tableList);
        })
    }
    render(){
        return(
            <div>
                <form>
                    <label>User Id :</label>
                    <input type="text" className="test"/>
                    <br/>
                    <label>Password :</label>
                    <input type="text" className="test" />
                    <button onClick={this.buttonClick.bind(this)} className="connect" …

我想显示选中的复选框项目，为此我正在使用material-ui checkbox。

现在，我只能显示带有复选框的项目，但不能显示所选的项目。

我知道这很容易，但是我是ReactJS和Redux的新手，所以很难启动。

希望能有所帮助。

谢谢。

this.state = {
            data: [apple, kiwi, banana, lime, orange, grape],
        }}
    handleCheck(x) {
        this.state.checkedValues.push(x);
    }
render(){
       {this.state.data.map((x) =>
             <Checkbox
               label={x} key={x.toString()}
               onCheck={() => this.handleCheck(x)}
               checked=true
              }/>
          )}}