ひびのきろく
React + Redux での import の波括弧(中括弧)は
// samplea.js
const SampleA = () => {
// ...
}
export default SampleA
のように default を付けたときは
import SampleA from 'samplea.js'
と波括弧がいらなくて
//sampleb.js
const SampleB = () => {
// ...
}
export SampleB
とdefaultを付けてないときは
import { SampleB } from 'sampleb.js'
と波括弧がいるようです
webpack-dev-serverをlocalhost以外で使いたかったのでやってみました
Dockerでの開発してるんで、localhostしばりは困った次第です
DevServer
を見ると
webpack-dev-server --host 0.0.0.0
としてあげれば良さそう
起動してみたら
Invalid Host header
とだけ画面に出てくる..
調べたら
--host 0.0.0.0 Not working · Issue #882 · webpack/webpack-dev-server
あたりで
webpack-dev-server --host 0.0.0.0
もつけないとだめらしく
webpack-dev-server --host 0.0.0.0 --disable-host-check
としてあげたら、うまくいきました
これで開発進められそうです
Jsonの値を変数に入ったキーでとってみました
たとえば
var sample = {
"one": {
"id": "123",
"value": "aaa"
},
"two": {
"id": "456",
"value": "bbb"
}
}
といったjsonがあるとき
sample.one
// もしくは
sample["one"]
で値が取れます
変数にキーを保存しておいてアクセスしたいときは
var key = "one";
sample[key]
// sample.key はだめ
で取れます
javascriptでウィンドウを開いて操作してみたかったので試してみました
openして値をとって、書き出してみます
child.htmlを用意しておいて、
call_child()で、新しいウィンドウをオープン、
get_child_title()だと、h1の下にpタグで、child.htmlのh1タグのテキストを追記するようになります
<script type="text/javascript">
var child_window;
function call_child() {
child_window = window.open('child.html', 'child', 'width=400, height=300, menubar=no, toolbar=no, scrollbars=no');
}
function get_child_title() {
var h1 = child_window.document.getElementById('title');
var this_h1 = document.getElementById('title');
this_h1.insertAdjacentHTML('afterend', '<p>'+h1.textContent+'</p>')
}
</script>
Firefoxで試しました
Chromeだと、クロスオリジンとかって怒れられて動きません
