小编JuM*_*Gar的帖子

我有这个代码：

            <Drawer 
                docked = {false}
                width = {330}
                open = {this.state.drawerOpen}
                onRequestChange = {(drawerOpen) => this.setState({drawerOpen})}
            >

                    <MenuItem primaryText="Inicio" onTouchTap = {this.drawerOpened} containerElement = {<Link to="/administrador/inicio"/>}/>
                    <MenuItem primaryText="Nueva Incidencia" onTouchTap = {this.drawerOpened} containerElement = {<Link to="/administrador/nueva_incidencia"/>}/>
                    <MenuItem primaryText="Incidencias Recibidas" onTouchTap = {this.drawerOpened} containerElement = {<Link to="/administrador/incidencias_recibidas"/>}/>
                    <MenuItem primaryText="Informes" /*onTouchTap = {() => this.currentPages('Informes')}*/onTouchTap = {this.drawerOpened} containerElement = {<Link to="/administrador/informes"/>}/>
            </Drawer>

我希望当我点击一个 MenuItem 时，它设置为“活动”（如在 Bootstrap 中），背景为浅灰色和类似的样式。我怎么能这样做？问题也是由于 React-Router，它卸载组件 Menu 并再次重新渲染它，因此状态不可用。

谢谢你。

光标一直走到尽头.从字符串中间编辑时如何保持光标位置？

我使用的代码是:

const rootElement = document.getElementById('root');

class MyFancyForm extends React.Component {

    constructor(props) {
        super(props);
        this.state = {myValue: ""};
    }

    handleCommaSeparatedChange = event => {
        const {value} = event.target;
        this.setState({myValue: value});
    };




    render() {
        return(
            <form >

                <div>
                    <label>
                        Cursor position looser
                        <br />
                        <input onChange={this.handleCommaSeparatedChange} value={this.state.myValue} />
                    </label>
                </div>


            </form>
        )
    }
}

const element = <MyFancyForm />;

ReactDOM.render(element, rootElement);

任何想法我怎么能实现它？

我有以下 CSS：

[contentEditable=true]:empty:not(:focus):before{
    content:attr(data-text)
}

当它没有内容时，它允许在内容可编辑的 div 中显示占位符。我正在使用 Material-UI 样式，所以我需要类似的东西：

const styles = theme => ({
  div[contentEditable=true]:empty:not(:focus):before: {
    content:attr(data-text)
  }
});

我怎么能做到这一点？任何的想法？

谢谢你。

我有一个组件，它可以返回上一页。我使用那个：this.props.history.goBack();但我想回到两个级别。我已经尝试了很多东西，this.props.history.goBack(-2);但我没有做到。我正在使用 ReactRouter v4。

我怎么能那样做？谢谢你。

什么意思……道具？代码是：

export default class NavItem extends React.Component {
constructor() {
    super();
}

render() {
    const { router, index, to, children, ...props } = this.props;
    let isActive = false;

    if (router.isActive('./', true) && index) {
        isActive = true

children我想那是实际元素的孩子，但这...props是什么意思？

谢谢你。

我正在尝试将类名添加到 webkit、moz、ms...我该如何转换它：

::-webkit-input-placeholder {
    text-align: center;
}

::-moz-placeholder { 
    text-align: center; 
}

::-ms-input-placeholder { 
    text-align: center;
}

进入：

.form-horizontal {

::-webkit-input-placeholder {
    text-align: center;
}

::-moz-placeholder { 
    text-align: center; 
}

::-ms-input-placeholder { 
    text-align: center;
}

}

谢谢。

我有一个数据表，它是：

export default class TablaMisIncidencias extends React.Component {
    constructor() {
        super();
    }

    componentDidMount() {
        $('#idTablaMisIncidencias').DataTable({
            responsive: true,
            "paging": true,
            "ordering": true,
            select: false,
            "lengthMenu": [[5, 10, 25, -1], [5, 10, 25, "Todas"]],
            columnDefs: [
                { 
                    responsivePriority: 1, 
                    targets: 0 
                },
                { 
                    responsivePriority: 2, 
                    targets: 1 
                },
                { 
                    responsivePriority: 3, 
                    targets: 5 
                },
                { 
                    responsivePriority: 4, 
                    targets: 2 
                },
                { 
                    responsivePriority: 5, 
                    targets: 3 
                },
                { 
                    responsivePriority: 6, 
                    targets: 4 
                }
            ],
            "ajax": {
                "url": "https://jsonplaceholder.typicode.com/comments",
                "dataSrc": ""
            },
            "columns": [ …

我有下一个功能:

static inline int nextPowerOfTwo(int n) {
    n--;

    n = n >>  1 | n;
    n = n >>  2 | n;
    n = n >>  4 | n;
    n = n >>  8 | n;
    n = n >> 16 | n;
    //  n = n >> 32 | n;    //  For 64-bit ints

    return ++n;
}

但我不知道他的行为是什么(功能输出 - 功能 - )

我不知道每一行的行为是什么(每行后的n值).

有人可以解释一下吗？