Question

大家好日子。

我在.jsx Component的render（）方法中有一个表单和一个表。我需要使用表中的一个span来提交表单并将操作传递给SpringMVC RestController。

有一些限制：

1）不幸的是，我无法在此特定事件中使用提交或按钮输入类型。

2）我也不能使用JQuery。

组件代码

＆＃13;

export default class MyClass extends Component {
  
  render() {
    let rootUrl = '../rest';
    
    return (
      
        <form action={rootUrl + "/books/genres/genre"} method="get" name="bookForm" id="bookForm">
        <table className="table table-striped table-bordered margin-top-5">
          <tbody>
              <td className="vertical-align-middle"><small>Book Title</small></td>
              <td className="vertical-align-middle"><small>Author</small></td>
              <td className="vertical-align-middle"><small>Year</small></td>
              <!-- This span must submit the form -->
                  <td className="vertical-align-middle"><span className="link-style" >Submit</span></td>
                  </td>
            </tr>
          </tbody>
        </table>
        </form>
      </div>
    )
  }
}

＆＃13;

我非常感谢提示如何实现它。提前谢谢。

Answer 1

您可以为onClick设置span处理程序：

class MyClass extends Component {
  constructor(super){
    this.handleClick = this.handleClick.bind(this)
  }
  handleClick(evt){
    //submit your form
  }

  render() {
    //rest of your code
   <td className="vertical-align-middle">
     <span className="link-style" onClick={this.handleClick}>Submit</span>
   </td>
  }
}

React.js：使用<span>在render（）方法

1 个答案: