时间戳

首页 > 解决方案 > 如何在反应中导出两个默认值？其中一个需要连接，另一个不需要

javascript - 如何在反应中导出两个默认值？其中一个需要连接，另一个不需要

问题描述

我正在尝试将下面这两个函数的导出结合起来。一个使用连接导出，另一个不使用。

const Topics = ({
  getPosts,
  getMostRecentPosts,
  getMostCommentedPosts,
  getMostLikedPosts,
  searchTopics,
  posts,
}) 
  return (
    
  );
};
const mapDispatchToProps = {
  getPosts,
  getMostRecentPosts,
  getMostCommentedPosts,
  getMostLikedPosts,
  searchTopics,
};
export default connect(mapStateToProps, mapDispatchToProps)(Topics);

并且此函数仅使用默认值导出

  const CreatePost = ({ createPost }) => {
  let [textOfThePost, setTextOfThePost] = useState("");

  const onChange = (e) => setTextOfThePost(e.target.value);

  const submitData = () => {
    if (textOfThePost !== "" && textOfThePost !== null) {
      createPost(textOfThePost);
    } else {
      alert("Text is empty!");
    }
    setTextOfThePost("");
  };
  return (
    <div className="tips-wrapper">
      <br />
      <form>
        <textarea
          type="text"
          value={textOfThePost}
          onChange={(e) => onChange(e)}
        />
      </form>
    </div>
  );
};

如何结合这两个出口？

标签： javascriptnode.jsreact-redux

解决方案

您不能从同一个文件中创建两个单独的“导出默认值”。

您可以将其导出到单独的文件并单独导出默认值，也可以将文件中的每个语句单独导出并在组件中调用时用花括号调用它。

推荐阅读