有很多关于React和Redux设置和属性的问题

// actions.js
export const ADD_TODO = 'ADD_TODO';

export function addTodo(text) {
  return { type: ADD_TODO, text };
}

// reducer.js
import { ADD_TODO } from './actions';

function todos(state = [], action) {
  switch (action.type) {
    case ADD_TODO:
      return [...state, { text: action.text, completed: false }];
    default:
      return state;
  }
}

export default todos;

// store.js
import { createStore } from 'redux';
import todos from './reducer';

const store = createStore(todos);

export default store;

// App.js
import React from 'react';
import { useSelector, useDispatch } from 'react-redux';
import { addTodo } from './actions';

function App() {
  const todos = useSelector(state => state);
  const dispatch = useDispatch();

  function handleSubmit(e) {
    e.preventDefault();
    const text = e.target.todo.value;
    dispatch(addTodo(text));
    e.target.todo.value = '';
  }

  return (
    <div>
      <form onSubmit={handleSubmit}>
        <input type="text" name="todo" />
        <button type="submit">Add Todo</button>
      </form>
      <ul>
        {todos.map((todo, index) => (
          <li key={index}>{todo.text}</li>
        ))}
      </ul>
    </div>
  );
}

export default App;