reactでUIに関連しない値はpropsとして渡して良いか

Question

react＋reduxを使っています。

多くの例ではカウンターアプリみたいなものが取り上げられています。
propsで値を渡すことによって、その値が変化したときに、UIが更新されるため、reactは便利だと思います。
しかし、例えば、そのカウンターアプリにエクスポートボタンのcomponentを追加するとします。今現在のcountの値をテキストファイルとしてダウンロードできるようにするものです。

そのエクスポートボタンは、countの値をpropsとして受け取ることで、内部でエクスポートの関数を作って、onClickに書くことができます。
しかし、countの値が変わったところでそのエクスポートボタンのUIは変わりませんから、このやり方は違う気がしています。
それでは、countの値をファイルとして出力する関数自体をエクスポートボタンに渡せば良いと思うのですが、ここでもし、エクスポートボタンの親コンポーネントがcountの値を持っていなかった場合、どうすればいいでしょうか？

よろしくお願いします。

Answer 1

しかし、countの値が変わったところでそのエクスポートボタンのUIは変わりませんから、このやり方は違う気がしています。

特に問題ありません。

Comments

[atemu]

ご回答ありがとうございます！
では、そのエクスポートボタンの親コンポーネントがcountを持っていない場合には、containerとして実装してcountをpropsとして受け取る形になるのでしょうか？
エクスポートする用のactionを実装して、action内でgetStateなど用いてcountを使ったエクスポート処理を行うことも考えたのですが、どちらがよりスマートでしょうか？（もちろんそれ以外にも何かあれば教えていただきたいです！）
申し訳ありませんが、よろしくお願いします！