小编jba*_*ugh的帖子

Reactjs - 面向对象?

我开始使用Reactjs,并且来自OO(Java)背景我很好奇我们是否可以以真正的面向对象方式使用React并具有真正的继承和组合.

用例:我们在库中创建React组件,供我们的开发人员重用.我们可以以面向对象的方式设计它吗?例如,我可以有一个通用的输入文本字段,带有一些基本的样式/行为,然后有另一个MyInput字段扩展Input,它能够利用Input的属性和行为吗?

似乎我学到的大部分内容都是React在应用程序本身中使用状态和缩减器来管理所有内容; 对我来说,似乎它错过了OO设计的力量点.但也许我错了.任何信息都是最有帮助的

javascript oop reactjs

21
推荐指数
2
解决办法
2万
查看次数

沃尔玛杂货店的开发人员API

有沃尔玛的开发人员API和SDK,但它们似乎是为电视,家具等一般物品而设计的。有人碰巧知道沃尔玛杂货店是否有SDK或API吗?我的用例是为给定商店以编程方式填充Walmart Grocery购物车。

walmart-api

7
推荐指数
1
解决办法
1389
查看次数

反应材料-ui响应式布局

我想在我的React应用程序中使用material-ui.这些组件非常棒,但似乎并不是为了响应而设计的.例如,我正在尝试在我的主页中实现Drawer组件,如下所示:

        <div>
            <AppBar
                title="My App"
                iconClassNameRight="muidocs-icon-navigation-expand-more"
                onLeftIconButtonTouchTap={this.handleToggle}
            />
            <TextField
                hintText="Hint goes here"
                floatingLabelText="Enter your Note here..."
                multiLine={true}
                fullWidth={true}
                rows={2}
            />
            <Drawer
                docked={false}
                open={this.state.open}
                onRequestChange={(open) => this.setState({open})}
            >
                <MenuItem>One</MenuItem >
                <MenuItem>Two</MenuItem >
            </Drawer>
        </div>
    );
Run Code Online (Sandbox Code Playgroud)

当我在手机上加载它时,它不会像我希望的那样调整它的大小.有没有办法只使用材料ui使这个响应?如果没有,有什么办法可以使用Bootstrap或其他一些软件包来提供响应能力吗?

谢谢,-Jim

responsive-design reactjs material-ui

6
推荐指数
2
解决办法
9090
查看次数

第一个数组元素的 JSON 模式验证

我有兴趣验证一些 JSON 逻辑来检查数组中第一个元素的某个值是否到位。如果可能的话,我想通过 JSON 模式来实现这一点。例如,我想检查第一个元素是否是“manager”:

  "employees": [
    {
      "manager": "Band35",
      "name": "Tom"
    },
    {
      "developer": "Band25",
      "name": "Kelly"
    },
    {
      "analyst": "Band25",
      "name": "Jack"
    }    
  ]
}
Run Code Online (Sandbox Code Playgroud)

jsonschema json-schema-validator

5
推荐指数
1
解决办法
1682
查看次数

Sinon单元测试MySQL连接

我正在尝试对我的 AWS Node Lambda 进行单元测试。我正在使用MySQL。我有一个实用程序文件来获取 MySQL 连接池,它是我的处理程序中的依赖项。我正在尝试通过 Mocha 和 Sinon 对我的处理程序进行单元测试。我想存根或模拟数据库池和连接(没有实际创建数据库连接或访问数据库),但我没有任何运气。有谁知道如何实现这一目标?我创建了以下 2 个文件作为测试工具:

dbConn.js

const mysql = require('mysql2/promise');

async function getPool(options = {}) {
  return await mysql.createPool(optionsClone);
}

module.exports = {
  getPool
};
Run Code Online (Sandbox Code Playgroud)

getEmployees.js

const database = require('./dbConn');

exports.handler = async function(event, context, callback) {
  // Connect to a database via connection pool
  let pool = await database.getPool(dbOptions);
  let conn = await pool.getConnection();

  const dbResult = await conn.query('select * from employees');

  conn.release();

  return dbResult;
};
Run Code Online (Sandbox Code Playgroud)

javascript mysql unit-testing sinon aws-lambda

2
推荐指数
1
解决办法
3334
查看次数