Repository navigation
Iphone IOS10 Safari array map function not work in react render #200
Description
React Easy State version: 7.0.0-alpha.1
Platform: Iphone IOS10 Safari
Describe the bug
in ios10 safari ,
use store wrap a array,
in react render function ,use this array's map function not render item
This is the right situation
This is the problematic situation
This is the source code
const datas = store({ list: [{ a: 1 }, { a: 2 }] });
function App() {
const items = [];
datas.list.forEach(item => {
items.push(<div key={item.a}>{item.a}</div>);
});
return (
<div className="App">
<h1>Hello CodeSandbox</h1>
{datas.list.map(item => {
return <div key={item.a}>{item.a}</div>;
})}
<div>===============</div>
{items}
</div>
);
}
export default view(App);For tougher bugs
To Reproduce
https://codesandbox.io/s/react-easy-state-alpha-42dgc?file=/src/App.js
Activity
ximing commentedon Jul 16, 2020
I added the following code
Safari IOS10 print
Chrome print
ximing commentedon Jul 17, 2020
The error should have occurred in this package
@nx-js/observer-utilin observable.js file remove
typeof child === 'function'IOS10 is OKThis is the first time I have checked the source code of this package, it is not clear why this happens
ximing commentedon Jul 21, 2020
Is caused by this nx-js/observer-util#48