小编sim*_*uin的帖子

我有两个存储库，如下所示：

main-app：一个create-react-app使用一些减速器定义 redux 存储的项目。

const reducers = combineReducers({
    reducer1: myReducer
});
const store = createStore(reducers);
const app = (
    <Provider store={store}>
        <App />
    </Provider>
);
ReactDOM.render(app, document.getElementById('root'));

以及在我的库中以下面定义的方法返回App的组件。<AppHeader />renderlib-header

lib-header：使用主应用程序商店的外部库，定义如下：

class AppHeader extends Component {
  render() {    
    return (
        <div>{this.props.isAuthenticated ? 'User authenticated' : 'User not authenticated'}</div>
    );
  }
}

AppHeader.propTypes = {
    isAuthenticated: PropTypes.bool,
    onSignin: PropTypes.func
};

const mapStateToProps = state => {
    return {
        isAuthenticated: state.auth.token !== null
    } …

从iOS10开始,CSS border-image属性似乎存在问题.

我曾经使用过这样的东西:

border-image: url('data:image/png;base64,somedata') 30 30 30 stretch;

但是,自从在iPad上更新到iOS10(我猜想也会在iPhone上),边框图像不再可见,让它变得透明.

这适用于iPad上的Safari和Chrome浏览器.

这里有一个小提琴,所以你可以看到它的表现在iPad VS计算机: https://jsfiddle.net/g99y6pg3/1/

我也尝试使用a border-image: url(filename.png)而不是data:image/png,但得到了相同的结果.

谢谢你的帮助!