Question

我缩短了我的问题，但现在看起来很傻，我的主要问题是我想返回html标签，在我只使用文字字符串的问题中，

我的功能正常，因为控制台日志工作正常，看到我理解的输出就是这个，我在错误的地方解雇了这个功能，但我真的很困惑。

下面是我的代码，请用代码阅读注释，这不是实际问题，但我不想在这里转储我的完整代码，再次主要问题console.log行正在工作但不是返回函数中的行

import React from 'react';

export default class Event extends React.Component {

    onEdit()
    {
        console.log('it will return this'); **//This line work**
        return 'Why i am not able to return this'; **//This one is not showing** why ??

    }
    render(){
        return(
        <div>
        <button onClick={this.onEdit.bind(this)}>Edit</button>

        </div>
        );
    }
}

Answer 1

你的函数肯定会返回一个字符串 - 看起来你很困惑......如果你希望它出现在DOM中，你需要返回jsx并触发重新渲染

这是我的意思https://fiddle.jshell.net/46hbpmna/

的一个例子

Answer 2

您可以通过添加角色使h1带有按钮道具，例如：

_doSomething = () => {
  console.log('asd')
}

<h1
  className="item__title"
  role="button"
  onClick={() => this._doSomething()}
>
  Your Title
</h1>

Answer 3

您需要添加

retun ()=> your "title"

在onClick按钮上的html标记内。

为什么我无法返回reactJs on

3 个答案: