Question

我正在尝试构建一个ReactJS应用程序，而我当前的应用程序正在使用redux，所以我们所有的组件都是无状态的。

我正在尝试集成一个JS主题，如果我使用标准组件，它会起作用，因为你将元素传递给componentDidMount中的函数，例如：

import p from '../test/ui/jsTheme'

class Component extends React.Component {

  componentDidMount() {
    new p.Bar(this.el)
  }

  render() {
    return (
        <nav ref={el => this.el = el} className="bar"">
           ...
        </nav>
    )
  }

但我正在使用redux，组件实际上是定义无状态的，例如：

import React from 'react';

export const AppNav = props => {

  if (props.loading) {
    return (
      <div>
          <div className="progress">
              Loading
          </div>
      </div>
    );
  } else {
    return (
      <nav>
      ...
      </nav>
    )
  }

）

我已经尝试了一些东西，但我没有运气将const作为一个元素传递给JS主题期望新的p.Bar（this.el）构造函数

有什么想法吗？！

将无状态元素传递给JS函数

0 个答案: