小编Zot*_*tov的帖子

我希望我的 TextField 仅接受 0-9 的值和字母 AF。谢谢。

您好，这是我第一次使用 Jest。我正在尝试将其配置为与 Enzyme 和 webpack 一起使用。我将其添加到我的 package.json 文件中进行测试：

"scripts": {
    "test": "jest",
    "test:watch": "jest --watch",
  }

和笑话配置：

"jest": {
    "setupTestFrameworkScriptFile": "<rootDir>_tests_/setup/setupEnzyme.js",
    "testPathIgnorePatterns": [
      "<rootDir>/_tests_/setup/"
    ],
    "verbose": true
  }

这是我的 setupEnzyme 文件：

import Enzyme from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';

Enzyme.configure({ adapter: new Adapter() });

但我收到错误Module <rootDir>_tests_/setup/setupEnzyme.js in the setupTestFrameworkScriptFile option was not found.

我有一个随机生成的字符串作为道具传递给子组件。它将它显示在段落标签中。示例字符串可以是：

猫、狗、鸟

鸟、鱼、仓鼠、鹅

猫、鱼、狗

ETC..

class Example extends React.Component {
  state = {
    string: ''
  };


  componentDidMount() {
    let newString = this.props.passedString.replace(',', '<span>,</span>');
    this.setState({string: newString});
  }

  render() {
    return (  
      <div><p>{this.state.string}</p></div>
    )
  };
}

我想在子组件段落内的每个逗号周围添加标签。我尝试添加componentDidMount方法，用字符串中的 span 标签中包含的逗号替换每个逗号，但出于明显的原因，这只是将 span 标签添加为字符串的一部分，我不知道如何将它们显示为 html 中的实际标签或者如何修改已经呈现的段落。