代码之家 › 专栏 › 技术社区 › Yanshof

如何访问类成员(不添加到reactjs state)表单contextmenu调用?

reactjs

-1

Yanshof · 技术社区 · 7 年前

我定义了扩展react.component的类,并添加了一些成员对象。我想知道是否有某种方法可以从myContext函数访问myClassMember(具有正确的上下文)?

我不想通过在州上定义myclassmember来实现这一点。

    class myClass extends React.Component 
{
      _myClassMember = null;

      constructor(props) 
      {
        super(props);
      }

      myContext(e) 
      {
        e.preventDefault(); 

        // here i want to have access somehow to _myClassMember;
      }


      // after add the img
      render() 
      {
          _myClassMember = 8;

          const itemToRender =(<div>
              <button onContextMenu={this.myContext}> 
                    "MyButton"
                </button> 
            </div>);

            return itemToRender;

      }  
}

1 回复 | 直到 7 年前

Chase DeAnda 7 年前

你应该定义 _myClassMember 在 constructor 把它绑在 this :

class App extends React.Component {
    constructor(props) {
      super(props);
      this._myClassMember = null;
    }

    myContext = e => {
      e.preventDefault();

      // Access _myClassMember using this._myClassMember
      console.log(this._myClassMember);
    }


    // after add the img
    render() {
      this._myClassMember = 8;

      const itemToRender = ( 
        <div>
          <button onContextMenu={this.myContext}>"MyButton"</button>  
        </div>);

        return itemToRender;

      }
    }
    ReactDOM.render( < App / > , document.getElementById('root'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="root"></div>

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

7 月前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

7 月前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

8 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

8 月前

Luckkks · 过渡色工作不正常

8 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

8 月前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

8 月前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

8 月前

noblerare · Vite错误-未定义导出(SSR)

8 月前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

8 月前