小编Ann*_*nna的帖子

在导入中放置新行的 Eslint 规则

在这种情况下,我正在寻找的规则应该显示错误:

import {MY_CONSTANT1, MY_CONSTANT2, MY_CONSTANT3}
Run Code Online (Sandbox Code Playgroud)

在这种情况下被认为是好的:

import {
   MY_CONSTANT1, 
   MY_CONSTANT2, 
   MY_CONSTANT3
}
Run Code Online (Sandbox Code Playgroud)

有这种eslint规则吗?

javascript ecmascript-6 eslint es6-modules

13
推荐指数
3
解决办法
6480
查看次数

使用useState()挂钩测试功能组件时设置状态

当我用酶测试类组件时,我可以wrapper.setState({})设置状态。当我用useState()钩子测试功能组件时,现在该怎么做?

例如,在我的组件中,我有:

const [mode, setMode] = useState("my value");
Run Code Online (Sandbox Code Playgroud)

我想改变mode测试范围

setstate reactjs enzyme react-hooks

10
推荐指数
3
解决办法
7674
查看次数

Php SimpleXML 在父级中的任何级别查找特定子节点

我正在使用 SimpleXML 来解析我的 xml 文件。我正在循环遍历它,在每个节点中我需要获取一个特定标签的值。这是一个例子

<node>
    <child1></child1>
    <findme></findme>
    <child2></child2>
</node>
<node>
    <child1>
        <findme></findme>
    </child1>
    <child2></child2>
</node>
<node>
    <child1></child1>
    <child2>
      <another>
            <findme></findme>
      </another>
    </child2>
</node>
Run Code Online (Sandbox Code Playgroud)

在每个节点中我需要获取findme标签。但我不知道它能达到哪个级别,我只知道一个标记名

php xml dom simplexml

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

单击复选框时,带有复选框的React / Redux组件不会更新

在我的组件中,有复选框。当我单击它们时,我希望将选定的复选框保存为redux状态并更新我的组件,因此选定的复选框应显示为选中状态。这是我的组件:

import React, {Component} from 'react';
import {connect} from 'react-redux';
import {selectIngredient} from '../actions';
class Ingredient extends Component {
    constructor(props) {
        super(props)
        this.isSelected = this.isSelected.bind(this);
        this.handleCheckbox = this.handleCheckbox.bind(this);

    }


    handleCheckbox(e) {
        const value=e.target.value;
        this.props.selectIngredient(value);
    }


    isSelected(id) {
        return (this.props.selectedIngredients.indexOf(id) > -1)
     }

    render() {
        return (
            <div className="container">
                <div className="form-check checkbox">
                    <label className="form-check-label">
                        <input checked={this.isSelected(1)}
                               className="form-check-input"
                               onClick={this.handleCheckbox}
                               type="checkbox" value="1" />
                        1
                    </label>

                </div>
                <div className="form-check checkbox">
                    <label className="form-check-label">
                        <input checked={this.isSelected(2)}
                               className="form-check-input"
                               onClick={this.handleCheckbox}
                               type="checkbox" value="2" />
                        2
                    </label>

                </div>
                <div className="form-check …
Run Code Online (Sandbox Code Playgroud)

reactjs redux react-redux

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

Jest - 模拟函数,从另一个文件导入

被测试的文件使用了从另一个文件导入的函数

import {myFunc} from './myFile'
Run Code Online (Sandbox Code Playgroud)

如何在对此文件的测试中模拟此函数的返回值?我在开玩笑。

reactjs jestjs

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

React - 按住 Shift 键选择多个复选框

我的 React 应用程序中有一个复选框列表。当我按住 Shift 键并单击一个时 - 当前和最近选中的一个之间的其他应该被选中。

现在我正在尝试做这样的事情:

<input onChange={(e)=>this.handleCheckbox(e)} value={id} checked={this.state.selected.IndexOf(id) > -1} type="checkbox" />

handleCheckbox(e){
  if(e.shiftKey){
    console.log("shiftKey is hold")
  }
  //here goes some logic to save checkboxes in the state
}
Run Code Online (Sandbox Code Playgroud)

但条件if(e.shiftKey)永远不会被执行。我究竟做错了什么?

checkboxlist shift reactjs

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

Yii2 - 即时生成Pdf并附加到电子邮件

这就是我如何生成pdf页面

public function actionPdf(){
    Yii::$app->response->format = 'pdf';
    $this->layout = '//print';
    return $this->render('myview', []);
}
Run Code Online (Sandbox Code Playgroud)

这就是我发送电子邮件的方式

$send = Yii::$app->mailer->compose('mytemplate',[])
    ->setFrom(Yii::$app->params['adminEmail'])
    ->setTo($email)
    ->setSubject($subject)
    ->send();
Run Code Online (Sandbox Code Playgroud)

如何将pdf生成为文件并将其附加到我的电子邮件中?

pdf response swiftmailer email-attachments yii2

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

React JSX - 以粗体显示子字符串

在创建自定义自动完成组件时,我遇到了这个问题:我得到了一个字符串和子字符串(字符串的第一部分,用户在自动竞争字段中输入的部分),我需要在结果列表中以粗体显示该部分。

但我不能使用str.replace

    var re = new RegExp(find, 'g');
    return str.replace(re, '<b>'+find+'</b>');
Run Code Online (Sandbox Code Playgroud)

因为它会返回字符串,而我需要 JSX。

所以基本上问题是 - 我有 JSX,我需要用粗体来制作它的一部分。我需要一个接受 JSX 的函数,并像<b>在特殊的地方注入标签一样

这是我到目前为止所得到的

    boldJSX(str, find){
        if(!find) return str;
        return <span><b>{find}</b>{str.slice(find.length)}</span>
    }
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

3
推荐指数
3
解决办法
7703
查看次数

Material UI 自动完成 - 仅从单词开头搜索

我在 React 应用程序中使用了 Material UI Autocomplete 字段,并且我希望其中的搜索仅从关键字的开头开始工作(对于对象的某些字段):

例如,如果选项是

[
  {data1:'abc', data2:'a123'},
  {data1:'cba', data2:'345'},
  {data1:'bca3', data2:'654'}
]
Run Code Online (Sandbox Code Playgroud)

然后我输入a- 只应出现第一个选项。如果我输入3- 只会出现第二个选项。

search autocomplete reactjs material-ui

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

将font-awesome正确添加到gulp项目

如何在新的gulp-scss-bootstrap项目中添加和使用超棒的字体?什么是清洁正确的方法?谢谢。

sass font-awesome gulp bootstrap-4

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

禁用最后一行的排序

我在农业网格中的最后一行需要始终是最后一行,即使在按任何列排序后也是如此。如何才能实现这一目标?

ag-grid ag-grid-react

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

WebStorm中的Stylelint修复

我在中的WebStorm(2018.2.3)中配置了stylelint Settings -> Languages and Frameworks -> Stylesheets -> Stylelint。我的根目录中有.stylelintrc。

现在,stylelint成功地在我的css文件中强调了错误。但是有没有办法在WebStorm帮助下修复它们(--fix在控制台中没有运行命令)?

css webstorm stylelint

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

React 测试库:在 TestId 元素中获取子输入

我有这样的结构:

<div data-test-locator="MyId">
    <input value="some" type="checkbox" checked />
</div>
Run Code Online (Sandbox Code Playgroud)

我需要测试是否选中了复选框。但是我怎么能首先得到它呢?我可以得到一个带有这样的测试 id 的元素:getByTestId('MyId')但是我怎样才能得到它的子输入?

react-testing-library

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