小编jay*_*nes的帖子

Ant design中如何修复折叠体的默认高度

我创建了右侧可折叠面板。我需要在折叠后更改面板高度(最大 100px)

我的css是这样的

background: '#f7f7f7', borderRadius: 5, width: 200, marginBottom: 0, border: 50, overflow: 'hidden',
Run Code Online (Sandbox Code Playgroud)

和 Rekit 代码如下

 render() {
    return (
      <div className="common-coll-bar">
        <Collapse bordered defaultActiveKey={['1']} onChange={callback}>
          <Panel header="This is panel header 1" key="1" style={customPanelStyle}>
            <p>{text}</p>
          </Panel>

        </Collapse>
      </div>
    );
 }
Run Code Online (Sandbox Code Playgroud)

你能帮助我吗?

javascript css

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

Reactjs 不支持 Bcrypt

我尝试使用 bcrypt 转换表单输入密码值。像这样添加后,首先我安装了 bcrypt (npm install bcrypt --save)

var bcrypt = require('bcrypt');
 var hash = bcrypt.hashSync(values.newPassword, 10);
Run Code Online (Sandbox Code Playgroud)

然后在 cmd 中显示这样的错误

 ERROR in ./node_modules/forever-agent/index.js Module not found: Error: Can't resolve 'tls' in 
Run Code Online (Sandbox Code Playgroud)

你能帮助我吗?谢谢

bcrypt reactjs

4
推荐指数
1
解决办法
8635
查看次数

如何使用ant design和react在选择选项中添加输入字段

我使用 ant design 创建了选择选项。但是我需要在选择选项内创建可编辑单元格。

这是我选择的选项代码

<Select
  showSearch
  style={{ width: 400 }}
  placeholder="Select a Bank"
  optionFilterProp="children"
  onChange={this.handleChange.bind(this)}
>
  <option value="1">Bank1</option>
  <option value="2"> Bank2</option>
  <option value="3"> Bank3</option>
</Select> 
Run Code Online (Sandbox Code Playgroud)

onChange 函数是

handleChange(value) {
  console.log(`selected ${value}`);
  this.setState({
    bank:value,
  });
}
Run Code Online (Sandbox Code Playgroud)

你能帮助我吗?

javascript reactjs antd

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

Ant 设计 Tabs onClick 功能

我使用 Ant 设计创建了选项卡。在第二个选项卡中有一个按钮,当我单击要触发或更改为第一个选项卡的按钮时

这是我的代码

 <Tabs onChange={this.tabClick} defaultActiveKey="1">
          <TabPane tab={<span><Icon type="user-add" />Create Role</span>} key="1">   <FormItem
                              {...formItemLayout}
                              label="Role Name"
                              hasFeedback

                          >
                              {getFieldDecorator('roleName', {
                                  rules: [{}, {
                                      required: true, message: 'Please input Role name !',
                                  }],
                              })(
                                  <Input
                                      placeholder="Role Name"/>
                              )}
                          </FormItem> //other fields </TabPane>


 <TabPane tab={<span><Icon type="user-add" />view Role</span>}> 


 <Button    onClick={this.doneButton} style={{marginLeft:150}} type="primary">Done</Button>

</TabPane>
Run Code Online (Sandbox Code Playgroud)

你能帮助我吗?

reactjs antd

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

如何删除antd中的默认填充

我创建了可折叠的侧边栏。在侧边栏的内容自动采用蚂蚁设计填充值(16px)在顶部,右侧,底部和左侧。我需要删除这个自动填充

 render() {
return (
  <div className="common-coll-bar">
    <Collapse >
      <Panel header="Present Staffs" style={customPanelStyle}>
        <p style={{ height: 550, color: '#131D43', background: '#607B7E', padding: 0 , margin: 0 }}> {text}</p>
      </Panel>

    </Collapse>
  </div>
);
Run Code Online (Sandbox Code Playgroud)

}

你能帮助我吗?

css antd

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

标签 统计

antd ×3

reactjs ×3

css ×2

javascript ×2

bcrypt ×1