如何在rails后台的react-redux中获取表单提交值？

在Rails后台的React-Redux中获取表单提交值的方法如下：

首先，在React组件中创建一个表单，并使用Redux的connect函数将表单与Redux store连接起来。

import React, { Component } from 'react';
import { connect } from 'react-redux';
import { submitForm } from '../actions';

class MyForm extends Component {
  constructor(props) {
    super(props);
    this.state = {
      inputValue: ''
    };
  }

  handleChange = (e) => {
    this.setState({ inputValue: e.target.value });
  }

  handleSubmit = (e) => {
    e.preventDefault();
    this.props.submitForm(this.state.inputValue);
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        <input type="text" value={this.state.inputValue} onChange={this.handleChange} />
        <button type="submit">Submit</button>
      </form>
    );
  }
}

export default connect(null, { submitForm })(MyForm);

在Redux中创建一个action来处理表单提交，并将表单值传递给后台。

// actions.js
export const submitForm = (value) => {
  return (dispatch) => {
    // 发起异步请求，将表单值传递给后台
    // 这里可以使用fetch、axios等库发送请求
    // 示例中使用fetch发送POST请求
    fetch('/api/submit', {
      method: 'POST',
      body: JSON.stringify({ value }),
      headers: {
        'Content-Type': 'application/json'
      }
    })
    .then(response => response.json())
    .then(data => {
      // 处理后台返回的数据
      // 可以将数据存储到Redux store中
      dispatch({ type: 'FORM_SUBMITTED', payload: data });
    })
    .catch(error => {
      // 处理请求错误
      dispatch({ type: 'FORM_SUBMISSION_ERROR', payload: error.message });
    });
  };
};

在Rails后台的控制器中接收表单提交的值，并进行相应的处理。

# app/controllers/api_controller.rb
class ApiController < ApplicationController
  def submit
    value = params[:value]
    # 处理表单提交的值
    # 可以将值存储到数据库中或进行其他操作
    render json: { message: 'Form submitted successfully' }
  end
end

在Rails的路由中定义一个接收表单提交的路由。

# config/routes.rb
Rails.application.routes.draw do
  post '/api/submit', to: 'api#submit'
end

通过以上步骤，你可以在Rails后台的React-Redux中获取表单提交值，并将其传递给后台进行处理。请注意，这只是一个基本示例，实际应用中可能需要根据具体需求进行适当的修改和扩展。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云数据库（TencentDB）。你可以在腾讯云官网上找到更多关于这些产品的详细信息和介绍。

腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种规模的应用程序和工作负载。了解更多：腾讯云云服务器
腾讯云数据库（TencentDB）：提供高性能、可扩展的数据库解决方案，包括关系型数据库（如MySQL、SQL Server）和NoSQL数据库（如MongoDB、Redis）。了解更多：腾讯云数据库