常連

### 前提・実現したいこと

echoでのユーザー情報をUpdateする関数の実装

http://localhost:8888/api/v1/users/:id にてPUTでユーザーを更新しようとしています
{"name" : "なまえ"} という様なjsonを送ってとりあえず処理を実行したいと思ってます．

### 使用ツール
- echo
- gorm

### 発生している問題・エラーメッセージ
ルーティング・(送信している)JSON・dbのコネクションなどは，他のCRAETE・READ・DELETEが同じような処理で動いているのため問題ないと思います．

```
500: Internal Server Error
```

### 該当のソースコード


```go
func UpdateUser() echo.HandlerFunc {
	return func(c echo.Context) (err error) {
		db, err := gorm.Open("mysql", "mysql設定")
		CheckConnectError(err) //エラーハンドリングの関数
		defer db.Close()

		user := new(model.User)
		if err := c.Bind(user); err != nil {
			return err
		}
		id, _ := strconv.Atoi(c.Param("id"))
		model.Users[id].Name = user.Name
		return c.JSON(http.StatusOK, "ok")
	}
}
```

model.Users[id].Nameは，modelパッケージのUsers変数をidで取ってきてNameに代入がしたくて書いています．
公式のドキュメントを参考にしました.

```
## model/user.go
~略
var (
	Users = map[int]*User{}
	Seq   = 1
)
略~
```

[https://echo.labstack.com/cookbook/crud](https://echo.labstack.com/cookbook/crud)


処理がおかしいところはありますでしょうか．
よろしくお願いします

## 追記
ログはこのようになっております．

```log
time:2019-07-26T15:37:53+09:00  host:::1        
forwardedfor:   req:-   
status:500      
method:PUT     
uri:/api/v1/users/3     
size:36 referer:        
ua:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.142 Safari/537.36    
reqtime_ns:1895431      
cache:- runtime:-       
apptime:-       
vhost:localhost:8888    
reqtime_human:1.895431ms        
x-request-id:   host:localhost:8888
```

下記はかなり見辛いログですが，載せておきます．

``` log
{"time":"2019-07-26T15:37:53.480874+09:00","level":"-","prefix":"echo","file":"recover.go","line":"73","message":"[PANIC RECOVER] runtime error: invalid memory address or nil pointer dereference goroutine 50 [running]:\necho/middleware.RecoverWithConfig.func1.1.1(0x156b148, 0x1000, 0xc000060000, 0x160b140, 0xc0002b2120)\n\t/Users/kirohi/go/src/echo/middleware/recover.go:71 +0xf1\npanic(0x14cc0e0, 0x195b440)\n\t/usr/local/Cellar/go/1.12.5/libexec/src/runtime/panic.go:522 +0x1b5\ngithub.com/ia17011/subsc/backend/api.UpdateUser.func1(0x160b140, 0xc0002b2120, 0x0, 0x0)\n\t/Users/kirohi/go/src/github.com/ia17011/subsc/backend/api/user.go:74 +0x19d\ngithub.com/labstack/echo.(*Echo).add.func1(0x160b140, 0xc0002b2120, 0xc0002160a0, 0xf)\n\t/Users/kirohi/go/src/github.com/labstack/echo/echo.go:505 +0x87\ngithub.com/ia17011/subsc/backend/api/middlewares.serverHeader.func1(0x160b140, 0xc0002b2120, 0x156b148, 0x1000)\n\t/Users/kirohi/go/src/github.com/ia17011/subsc/backend/api/middlewares/mainMiddlewares.go:25 +0x235\necho/middleware.RecoverWithConfig.func1.1(0x160b140, 0xc0002b2120, 0x0, 0x0)\n\t/Users/kirohi/go/src/echo/middleware/recover.go:78 +0xd5\necho/middleware.LoggerWithConfig.func2.1(0x160b140, 0xc0002b2120, 0x3, 0x4)\n\t/Users/kirohi/go/src/echo/middleware/logger.go:119 +0x1c0\ngithub.com/labstack/echo.(*Echo).ServeHTTP(0xc00028a000, 0x15fe860, 0xc0002bc000, 0xc0001e8a00)\n\t/Users/kirohi/go/src/github.com/labstack/echo/echo.go:616 +0x22d\nnet/http.serverHandler.ServeHTTP(0xc000226750, 0x15fe860, 0xc0002bc000, 0xc0001e8a00)\n\t/usr/local/Cellar/go/1.12.5/libexec/src/net/http/server.go:2774 +0xa8\nnet/http.(*conn).serve(0xc00021e0a0, 0x15ff560, 0xc0001ecc00)\n\t/usr/local/Cellar/go/1.12.5/libexec/src/net/http/server.go:1878 +0x851\ncreated by net/http.(*Server).Serve\n\t/usr/local/Cellar/go/1.12.5/libexec/src/net/http/server.go:2884 +0x2f4\n\ngoroutine 1 [IO wait]:\ninternal/poll.runtime_pollWait(0x1e91ea8, 0x72, 0x0)\n\t/usr/local/Cellar/go/1.12.5/libexec/src/runtime/netpoll.go:182 +0x56\ninternal/poll.(*pollDesc).wait(0xc000232818, 0x72, 0x0, 0x0, 0x154be4a)\n\t/usr/local/Cellar/go/1.12.5/libexec/src/internal/poll/fd_poll_runtime.go:87 +0x9b\ninternal/poll.(*pollDesc).waitRead(...)\n\t/usr/local/Cellar/go/1.12.5/libexec/src/internal/poll/fd_poll_runtime.go:92\ninternal/poll.(*FD).Accept(0xc000232800, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0)\n\t/usr/local/Cellar/go/1.12.5/libexec/src/internal/poll/fd_unix.go:384 +0x1ba\nnet.(*netFD).accept(0xc000232800, 0x30, 0x50, 0x50)\n\t/usr/local/Cellar/go/1.12.5/libexec/src/net/fd_unix.go:238 +0x42\nnet.(*TCPListener).accept(0xc0002222f8, 0xc0f05880cb, 0xc000088000, 0xc00010dd00)\n\t/usr/local/Cellar/go/1.12.5/libexec/src/net/tcpsock_posix.go:139 +0x32\nnet.(*TCPListener).AcceptTCP(0xc0002222f8, 0x100000001, 0xc00010dd30, 0x104c368)\n\t/usr/local/Cellar/go/1.12.5/libexec/src/net/tcpsock.go:247 +0x48\ngithub.com/labstack/echo.tcpKeepAliveListener.Accept(0xc0002222f8, 0xc00010dd58, 0x10afda6, 0x5d3a9fc1, 0x1036bcf)\n\t/Users/kirohi/go/src/github.com/labstack/echo/echo.go:820 +0x2f\nnet/http.(*Server).Serve(0xc000226750, 0x15fe4e0, 0xc000222300, 0x0, 0x0)\n\t/usr/local/Cellar/go/1.12.5/libexec/src/net/http/server.go:2859 +0x22d\ngithub.com/labstack/echo.(*Echo).StartServer(0xc00028a000, 0xc000226750, 0x0, 0x0)\n\t/Users/kirohi/go/src/github.com/labstack/echo/echo.go:707 +0x388\ngithub.com/labstack/echo.(*Echo).Start(...)\n\t/Users/kirohi/go/src/github.com/labstack/echo/echo.go:627\nmain.main()\n\t/Users/kirohi/go/src/github.com/ia17011/subsc/backend/main.go:16 +0x67\n\ngoroutine 51 [runnable]:\ndatabase/sql.(*DB).connectionOpener(0xc0002ca000, 0x15ff560, 0xc000220300)\n\t/usr/local/Cellar/go/1.12.5/libexec/src/database/sql/sql.go:1000 +0xe8\ncreated by database/sql.OpenDB\n\t/usr/local/Cellar/go/1.12.5/libexec/src/database/sql/sql.go:670 +0x15e\n\ngoroutine 35 [runnable]:\ngithub.com/go-sql-driver/mysql.(*mysqlConn).startWatcher.func1(0xc0001f9080, 0xc0002c6120, 0xc0001f62a0)\n\t/Users/kirohi/go/src/github.com/go-sql-driver/mysql/connection.go:619 +0xbf\ncreated by github.com/go-sql-driver/mysql.(*mysqlConn).startWatcher\n\t/Users/kirohi/go/src/github.com/go-sql-driver/mysql/connection.go:616 +0xbe\n\ngoroutine 52 [runnable]:\ndatabase/sql.(*DB).connectionResetter(0xc0002ca000, 0x15ff560, 0xc000220300)\n\t/usr/local/Cellar/go/1.12.5/libexec/src/database/sql/sql.go:1013 +0x\n"}
```

## api/user.goと送信しているjsonの追記
```go
package api

import (
	"fmt"
	"net/http"
	"strconv"

	"github.com/ia17011/subsc/backend/model"
	"github.com/jinzhu/gorm"
	"github.com/labstack/echo"
	uuid "github.com/satori/go.uuid"
)

func getUUID() string {
	u, err := uuid.NewV4()
	if err != nil {
		fmt.Printf("Something went wrong: %s", err)
	}
	uu := u.String()
	return uu
}

func CreateUser() echo.HandlerFunc {
	return func(c echo.Context) (err error) {
		db, err := gorm.Open("mysql", "kirohi:cSbuS2mlGo##@/subsc?charset=utf8&parseTime=True&loc=Local")
		CheckConnectError(err)
		defer db.Close()
		user := &model.User{
			Id: model.Seq,
		}
		if err := c.Bind(&user); err != nil {
			return err
		}

		model.Users[user.Id] = user
		model.Seq++
		db.Create(&user)
		return c.JSON(http.StatusOK, user)
	}
}
func FindUserById() echo.HandlerFunc {
	return func(c echo.Context) (err error) {
		db, err := gorm.Open("mysql", "kirohi:cSbuS2mlGo##@/subsc?charset=utf8&parseTime=True&loc=Local")
		CheckConnectError(err)
		defer db.Close()
		user := model.User{}

		id := c.Param("id")
		db.First(&user, id)

		return c.JSON(http.StatusOK, user)
	}
}

func UpdateUser() echo.HandlerFunc {
	return func(c echo.Context) (err error) {
		db, err := gorm.Open("mysql", "kirohi:cSbuS2mlGo##@/subsc?charset=utf8&parseTime=True&loc=Local")
		CheckConnectError(err)
		defer db.Close()

		user := model.User{}
		if err = c.Bind(user); err != nil {
			return
		}
		id, _ := strconv.Atoi(c.Param("id"))
		db.Where("Id=?", id).Find(&user)

		user.Name = c.Param("name")

		fmt.Println(user.Name)
		// //model.Users[id].Name = "あああ"
		// //fmt.Println(model.Users[id])
		// return c.JSON(http.StatusOK, user)
		return c.JSON(http.StatusOK, "ok")
	}
}

func DeleteUser() echo.HandlerFunc {
	return func(c echo.Context) (err error) {
		db, err := gorm.Open("mysql", "kirohi:cSbuS2mlGo##@/subsc?charset=utf8&parseTime=True&loc=Local")
		CheckConnectError(err)
		defer db.Close()
		user := model.User{}

		name := c.Param("name")

		db.Where("name=?", name).Find(&user)
		db.Delete(&user)

		return c.NoContent(http.StatusOK)
	}
}

func NewUser(user *model.User) {
	db, err := gorm.Open("mysql", "kirohi:cSbuS2mlGo##@/subsc?charset=utf8&parseTime=True&loc=Local")
	CheckConnectError(err)
	defer db.Close()
	db.Create(user)
}

func FindUser(u *model.User) *model.User {
	db, err := gorm.Open("mysql", "kirohi:cSbuS2mlGo##@/subsc?charset=utf8&parseTime=True&loc=Local")
	CheckConnectError(err)
	defer db.Close()

	user := model.User{}
	db.Where(u).First(&user)
	return &user
}

```

json
http://localhost:8888/api/v1/users/3 というurlに対して，{ "name" : "あああ" } というbodyをContent-Type application/json，POSTで投げています．
ここでidが3であるユーザーの存在は，FindByUserID()，すなわちGETリクエストで確認できています．

【Go】echoでのUpdate実装で500エラーが返り実行できない

### 前提
docker-composeでgolandの実行環境とmysqlの実行環境を起動している

### 実現したいこと
goland(Echo)からmysqlに接続したい

### 発生している問題・エラーメッセージ

```
{"time":"2022-12-21T19:56:55.302447+09:00","level":"FATAL","prefix":"echo","file":"main.go","line":"69","message":"dial tcp: lookup mysql: no such host"}
exit status 1
```

### 該当のソースコード

```goland
package main

import (
	"log"
	"net/http"
	"os"

	"github.com/flosch/pongo2"
	"github.com/labstack/echo/v4"
	"github.com/labstack/echo/v4/middleware"

	"time"

	_ "github.com/go-sql-driver/mysql" // Using MySQL driver
	"github.com/jmoiron/sqlx"
)

const tmplPath = "src/template/"

var db *sqlx.DB
var e = createMux()

func main() {

	db = connectDB()

	e.GET("/impression/1", impression)

	e.Logger.Fatal(e.Start(":8080"))
}

func createMux() *echo.Echo {
	e := echo.New()

	e.Use(middleware.Recover())
	e.Use(middleware.Logger())
	e.Use(middleware.Gzip())

	return e
}

func impression(c echo.Context) error {
	data := map[string]interface{}{
		"Message": "広告ID1",
		"Now":     time.Now(),
	}
	return render(c, "article/1.html", data)
}

func htmlBlob(file string, data map[string]interface{}) ([]byte, error) {
	return pongo2.Must(pongo2.FromCache(tmplPath + file)).ExecuteBytes(data)
}

func render(c echo.Context, file string, data map[string]interface{}) error {
	b, err := htmlBlob(file, data)
	if err != nil {
		return c.NoContent(http.StatusInternalServerError)
	}
	return c.HTMLBlob(http.StatusOK, b)
}

func connectDB() *sqlx.DB {
	dsn := os.Getenv("DSN")
	db, err := sqlx.Open("mysql", dsn)
	if err != nil {
		e.Logger.Fatal(err)
	}
	if err := db.Ping(); err != nil {
		e.Logger.Fatal(err)
	}
	log.Println("db connection succeeded")
	return db
}

```
DSNの値は、以下です。
"test_user:password@tcp(db:3306)/test_database?parseTime=true&autocommit=0&sql_mode=%27TRADITIONAL,NO_AUTO_VALUE_ON_ZERO,ONLY_FULL_GROUP_BY%27"

###試したこと
下記記事を参照
https://qiita.com/soicchi/items/505299d20dc50a8faf9f
https://zenn.dev/ajapa/articles/443c396a2c5dd1





goland(Echo)からmysqlへの接続ができない

### 前提

フロントエンドはVue.js
バックエンドはGo で　フレームワークはEcho を使用しています。

### 実現したいこと

- [ ] POSTリクエストのデータを受け取れるようにする　（特に二次元配列かつ連想配列の箇所）
　　Context.Bindで構造体にマッピングする以外にデータを受け取れる方法があれば何でも構いません。

### 発生している問題・エラーメッセージ

うまくデータを取得することができません

以下はリクエストの中身です
```
{"body":{"user_id":"3","expectations":[{"time":"1","input_number_1":"1","input_number_2":"2","input_number_3":"3","input_number_4":"4","input_number_5":"5","input_number_6":"6",},{"time":"2","input_number_1":"1","input_number_2":"2","input_number_3":"3","input_number_4":"4","input_number_5":"5","input_number_6":"6"]}}
```

### 試したこと

```Go
type 構造体名 struct {
	Body struct {
		UserID       string                    `json:"user_id"`
		Expectations map[int]map[string]string `json:"expectations"`　　　// ※可変長です。UI的には行追加ボタンを押して何行でも入力できるイメージ
	} `json:"body"`
}
```
上記の構造体に Context.Bind をしました。
その結果UserIDの部分は取れているのですが、
Expectations のところで `fmt.Println(構造体名.Body.Expectations[index]["キー名"])` を
実行してみてもなにも表示されない状態です。

上記以外にhttp.Request の ParseFormやPostForm, PostFormValue など試してみましたが、いずれも
うまくいきませんでした。





Go (Echo) で複雑な構造のJSON(POSTリクエスト)からデータを取得したい

### 前提・実現したいこと
Golang（echo）とReact間でaxiosを使ったpostの送受信を行おうとしています。
golangはdocker上で動作させています。
chromeで送信をすると、`net::ERR_EMPTY_RESPONSE`とのエラーが表示されてしまい、
サーバーサイドからのレスポンスもありません。
どのように対処したら良いのでしょうか。
GETの場合は問題なく送受信ができています。

####chromeのコンソールに出力された内容
```
POST http://localhost:8080/xxxxxxxx net::ERR_EMPTY_RESPONSE
createError.js:16 Uncaught (in promise) Error: Network Error
    at createError (createError.js:16)
    at XMLHttpRequest.handleError (xhr.js:117)
```


### 該当のソースコード

```js
import axios from 'axios';
import { makeUseAxios } from 'axios-hooks'

const axiosInstance = axios.create({
  baseURL: 'http://localhost:8080',
  withCredentials: true,
  headers: {
    'Content-Type': 'application/json;charset=utf-8',
    'Accept': 'application/json',
  }
});
export const useAxios = makeUseAxios({
  axios: axiosInstance,
  cache:false
});
```

```js
// 上記useAxiosをインポート
const [{ data, loading, error }, fetch] = useAxios({}, { manual: true, useCache: false });

//　送信処理
const postData = async () => {
    const res = await fetch({url: 'data', method: 'POST', data: {text: 'text'}, headers: {'X-CSRF-Token': 'xxxxxxxxxxx'})
    );

    if (res.status === 200) {
    }
  };
```

```go
// cors設定
e.Use(middleware.CORSWithConfig(middleware.CORSConfig{
    AllowOrigins: []string{"http://localhost:3000"},
    AllowMethods: []string{http.MethodGet, http.MethodHead, http.MethodPut, http.MethodPatch, http.MethodPost, http.MethodDelete},
    AllowCredentials: true,
}))
```

### 補足情報（FW/ツールのバージョンなど）

go 1.16
echo 4.4.0
react 17.0.2
axios 0.24.0
axios-hooks 2.7.0

Reactでaxiosを使ってpost送信するとnet::ERR_EMPTY_RESPONSEが発生してしまう

###実現したいこと
Goでコーディングをしている中で、下記の様な関数を実現する必要があります。
返り値はtime.Timeで実現したいです。（できればエラーとかも吐ける様にしたい）
フレームワークはEchoを使用しています。
```
const(
	ExpirationMonth = "month"
	ExpirationDay = "day"
	Forever = "forever"
	ForeverDate = //できれば9999年12月３１日０時０分０秒をここに入れたい
)

func getDate(dateType string, num int)time.Time{
	if dateType == ExpirationMonth {
		return　//今月の１日０時０分０秒からnum月進んだ数
	}
	if dateType == ExpirationDay {
		//今日の１０時からnum日進んだ数
	}
	if dateType == Forever {
		return //9999年12月３１日０時０分０秒
	}
	return //nil的な何か（nilは指定できなかった）
}

func main() {
	date = "month"
	num = 3
	result = getDate(date, num)
	printf(result)
}
```

###分からないところ
①time.Time型での日付の計算
②返り値にどの様な値が入るべきか（nilなどは片違いで怒られてまうので）

定数にtime.Timeを入れるのとエラーを吐きたいのも書いていますが、これらはできたらやりたい程度です。
もし思いついたらこれらも教えて欲しいです。
よろしくお願いいたします。

[Go言語/Golang]返り値にtime.Time型を返す関数を作りたい。

```Go
package main

import (
	"fmt"
	"image/png"
	"io/ioutil"
	"net/http"
	"os"
)

func main() {
	j, err := http.Get("https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/versions/generation-viii/icons/1.png")
	if err != nil {
		panic(err)
	}
	img, _ = ioutil.ReadAll(j.Body)
	file, err := os.Create("sample.png")
	if err != nil {
		panic(err)
	}
	defer file.Close()
	file.Write(img)

	raw, err := os.Open("./sample.png")
	if err != nil {
		panic(err)
	}
	defer raw.Close()

	wantReturn, err := png.Decode(raw)
	if err != nil {
		panic(err)
	}
	fmt.Println(wantReturn)
}

```
他のサイトからpngファイルを持ってきて、それを表示させるものを作っています。

1...http.Getで、他のサイトの画像を持ってきて、
2...1で持ってきたものをos.CreateとWriteでsample.pngに移して、
3...2のファイルをos.Openでいじれるようにし、
4...png.Decodeで画像を表示できるようにしようと考えています。


しかしgo runするときに、下のエラーが表示されてサーバーが立ち上がりません。
＃image
/opt/homebrew/Cellar/go/1.18.1/libexec/src/image/image.go:49:7: invalid receiver type Image (pointer or interface type)

エラーで表示されたところにいくと、以下のように埋め込みエラー？と出ていました。
// Error implements error
func (Image) Error() string {
	panic("unimplemented")
}

png.Decodeをコメントアウトすると正しくサーバーが動くことから、4番がうまくいっていないのではないかと考えています。

また、参考にしたサイトの二つのプログラムを実行してみると、やはり上のエラーが表示されてサーバーが立ち上がりません。
https://qiita.com/sys_cat/items/15322618884b1a6d0871#%E7%94%BB%E5%83%8F%E3%82%92%E5%8F%96%E5%BE%97%E3%81%97%E3%81%A6%E3%83%AA%E3%82%B5%E3%82%A4%E3%82%BA%E7%94%BB%E5%83%8F%E3%82%92%E7%94%9F%E6%88%90%E3%81%99%E3%82%8B%E3%81%A1%E3%82%87%E3%81%A3%E3%81%A8%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E3%81%8C%E5%86%97%E9%95%B7%E3%81%A7%E3%81%99

https://blog.gainings.dev/posts/image-package/#go%E3%81%A7%E7%94%BB%E5%83%8F%E3%82%92%E8%AA%AD%E3%81%BF%E8%BE%BC%E3%81%BF%E3%81%9F%E3%81%8B%E3%81%A3%E3%81%9F


どのようにコードを変えたらうまく画像が表示されるか知りたいです。
ご回答よろしくお願いします。


<Go> png.Decodeがうまくいきません

### 前提

WordPressのブロック開発を行っています
WordPressはバージョン 5.9.2
開発環境となる npm は　8.1.2
node.jsのバージョンv16.13.1
MAMPでローカル環境を構築しプラグインとしてカスタムブロックを追加して開発を行っています

### 実現したいこと

投稿の情報を取得して<select>コンポーネントで複数選択可能なブロックを作成する。

### 発生している問題
<SelectControl>コンポーネントで value プロパティを配列として渡せません
valueがうまく受け取れないので当然クリックしても反応しません（データは取れている）

投稿データを取得してセレクトタグとしてレンダリングするところまではうまくいきました。
高階コンポーネントとして withSelect を使用し投稿データを「posts」として受け取っています。
高階コンポーネントを別ファイルに記述し、<SelectControl>を含むコンポーネントでマージしています
エラーなどは出ていません
### 該当のソースコード
posts-select.js
```javascript
import { withSelect } from '@wordpress/data';
import { SelectControl } from "@wordpress/components";

const PostsSelect = (props) => {
	const { posts, selectedPostId, selectPost } = props;

	//SelectControl の options プロパティに指定する投稿のタイトルとIDから成るオブジェクトの配列
	let select_options = [];
	if (posts) {
		select_options.push({ value: 0, label: "投稿を選択", disabled: true });
		posts.forEach((post) => {
			select_options.push({ value: post.id, label: post.title.rendered });
		});
	} else {
		select_options.push({ value: 0, label: "読み込み中", disabled: true });
	}

	return (
		<SelectControl
			id="oja_posts_select"
			label="投稿セレクトメニュー"
			multiple
			options={select_options}
			value={ selectedPostId.filter((value) => select_options.includes(value)) }
			// value={[3528, 3305, 3342]}
			onChange={selectPost}
		/>
	);
};;

export default withSelect((select, props) => {
	//現在の投稿の post ID を取得
	const currentPostId  = select("core/editor").getCurrentPostId(),
        curentPostType = select('core/editor').getCurrentPostType();
	//クエリパラメータ
	const query = {
		per_page: -1,
    order: 'desc',
    status: 'publish',
		exclude: currentPostId, //除外する投稿
	};
	return {
		posts: select("core").getEntityRecords('postType', curentPostType, query),
	};
})(PostsSelect);
```

edit.js
```javascript
//投稿を選択する関数
  let postArray = [];
  const selectPost = (postId) => {
    // オプションの配列を整数にして追加
		postArray.push(parseInt(postId[0]));
    // 配列内の重複した値をフィルタリング
		attributes.selectedPostId = postArray.filter((id, index, self) => self.indexOf(id) === index);
    console.log(attributes.selectedPostId);
	};

// 略。。。
return(
<div className={className}>
　<Placeholder
	label="投稿スライダー"
	icon="format-image"
	instructions="スライダーに表示する投稿を選択"
　>
	<PostsSelect
　　　   selectedPostId={attributes.selectedPostId}
	 selectPost={selectPost}
	/>
  </Placeholder>
</div>
);
```
### 試したこと

onChange プロパティとなるコールバック関数 selectPost でちゃんと属性値に値が取れているかの確認としてconsoleに出しています。問題なく属性値に保存できています
とするとやはり value プロパティが怪しいのでこちらもコメントにしてありますが、直接配列として値を渡してあげても、配列の０番目、最初の値しか取れていませんでした。




WordPressブロック開発にて<SelectControl>コンポーネントを複数選択にしたい

Go初心者です。
勉強のために `Echo` `GORM`を使ったAPIを作っています。

ただいま usersテーブル に入っているレコードをパラメータで送られたきた id から一つ特定して取得する処理を書いています。 Railsでいう users_contoroller の `show`アクションのような処理を作りたいです。
しかし、１回目の`GET`では成功するクエリが2回目以降失敗してしまい困っています。(下記で説明)
どなたか解決策をご教授頂けますと幸いですm(_ _)m


ディレクトリ構造は以下のようになります

```
.
|-- controllers
|   `-- users.go
|-- db
|   `-- connect.go
|-- main.go
`-- models
    `-- user.go
```

各ファイルのは以下のようになっています。

↓ main.go
```
package main

import (
	"github.com/labstack/echo"
	"github.com/labstack/echo/middleware"
	"echo_first/controllers"
)

func main() {
	e := echo.New()
	e.Use(middleware.Logger())
	e.Use(middleware.Recover())

	// ルーティング
	e.GET("user/:id", users_controller.Show())

	// サーバー起動
	e.Logger.Fatal(e.Start(":3000"))
}

```

↓ models/user.go
```
package model

type User struct {
	Id int
	Name string
	Birth_day int
}
```

↓ db/connect.go
```
package dbconnect

import (
  "github.com/jinzhu/gorm"
	_ "github.com/jinzhu/gorm/dialects/mysql"
	"fmt"
)

func Connect() *gorm.DB{
	db, err := gorm.Open("mysql", "hogeuser:@/hogehoge?charset=utf8&parseTime=True&loc=Local")

	if err != nil {
		fmt.Print("データベース接続に失敗しました。")
	}
	db.LogMode(true)
	return db
}

```

↓ conrollers/user.go
```
package users_controller

import (
	"github.com/labstack/echo"
	"net/http"
	"fmt"
	"echo_first/models"
	"echo_first/db"
)


func Show() echo.HandlerFunc{
	db := dbconnect.Connect()
	user := new(model.User)
	return func(c echo.Context) error{
		user_id := c.Param("id")
		result := db.First(&user, "id = ?", user_id)
		if result.RecordNotFound() {
			fmt.Println("レコードが見つかりません")
		}
		return c.JSON(http.StatusOK, result)
	}
}
```



サーバーを起動立ち上げ１回目のGETリクエスト `user/1`では以下のようにデータを取得できます。
```
[25.45ms]  SELECT * FROM `users`  WHERE (id = '1') ORDER BY `users`.`id` ASC LIMIT 1  
[1 rows affected or returned ]
```

しかし２回目のGETリクエスト `user/2`ではSQLがおかしく、データを取得できません。
```
[29.71ms]  SELECT * FROM `users`  WHERE `users`.`id` = 1 AND ((id = '2')) ORDER BY `users`.`id` ASC LIMIT 1  
[0 rows affected or returned ] 
レコードが見つかりません
```

データベースのコネクションの問題なのか、GORMのクエリの問題なのか分からず躓いてしまいました。
データベースのコネクションの問題の場合はどこで db.Closeするのか分かりません...。リクエストの度にデータベースに接続して Closeする？？のでしょうか。。
どなたかご教授お願い致します（ ;  ; ）

Echo(フレームワーク)