Question

我有一个看起来像这样的应用程序：

class App extends React.Component {
  constructor (props) {
    super(props)

    this.state = {
      tags: [
        { id: 1, name: "Apples" },
        { id: 2, name: "Pears" }
      ],
      suggestions: [
        { id: 3, name: "Bananas" },
        { id: 4, name: "Mangos" },
        { id: 5, name: "Lemons" },
        { id: 6, name: "Apricots" }
      ]
    }
  }

  handleDelete (i) {
    const tags = this.state.tags.slice(0)
    tags.splice(i, 1)
    this.setState({ tags })
  }

  handleAddition (tag) {
    const tags = [].concat(this.state.tags, tag)
    this.setState({ tags })
  }

  render () {
    return (
      <ReactTags
        tags={this.state.tags}
        suggestions={this.state.suggestions}
        handleDelete={this.handleDelete.bind(this)}
        handleAddition={this.handleAddition.bind(this)} />
    )
  }
}

它基于this npm module. 我不确定我是否遗漏了某些东西，但是当我输入标签时，虽然我确实看到了弹出的建议，但我还希望能够按下TAB键并自动完成标签的其余部分，只要剩下一个选项。与stackoverflow标记功能类似。

我的主要问题是：我如何使用这样的软件包，通过npm安装，并扩展其功能？我该如何做到这一点，改变周围的事情等等？我不想在我的npm模块文件夹中乱搞！

Answer 1

您可以派生插件并将其安装在您的项目中，如下所示

npm i {github_project_link}

如果您想为社区做贡献。您可以将PR提高到原始存储库。

React Component - 为npm包添加自定义功能

1 个答案: